如何在网页上创建浮动搜索栏(How to create floating search bar on a web page)

如何在网页上创建浮动搜索栏(How to create floating search bar on a web page)

我正在尝试为我的客户网站创建一个浮动代码，它将显示他们的活动详细信息，并计划将其公开为嵌入式代码供他们使用。

我有三个问题：

这在技术上是什么，以便我可以对此进行更多的研究 创建浮动表或div部分的最佳做法是什么：例如： springSource.org ：有一个搜索栏浮动在他们的网页上并有一些动画 如何从嵌入代码中唯一标识每个网站请求，以便我将相关信息传回

在此先感谢您的时间和帮助。 将不胜感激任何问题/意见。

使用的技术：Spring，JSP（我可以使用其他UI技术，如jQuery，CSS3，HTML5等）

I am trying to create a floating ticker for my customer websites which will display their activity details, and am planning to expose this as an embedded code for them to use.

I have three questions:

What is this technically called so that I can do more research on this What is the best practice to create a floating table or div section: Ex:springSource.org: has a search bar which floats on their webpage and has some animation How can I uniquely identify each website request from my embed code so that I pass the relevant information back

Thanks in advance for your time and help. Will appreciate any questions/comments.

Technologies used: Spring, JSP (Am open to use other UI technologies like jQuery, CSS3, HTML5 etc.,)

最满意答案

要显示页面底部的固定搜索栏，您可以使用例如：

#search_bar { z-index: 10; position: fixed !important; bottom: 0px; left: 0; width: 100%; height: 36px; }

如果您希望用户能够在其网站上嵌入某种小部件，他们必须嵌入iframe：

<iframe src="//www.yourwebsite.com/some_page?params=...></iframe

To display the fixed search bar at the bottom of the page, you can use for example:

#search_bar { z-index: 10; position: fixed !important; bottom: 0px; left: 0; width: 100%; height: 36px; }

If you want your users to be able to embbed some kind of widget on their site, they'll have to embbed an iframe:

<iframe src="//www.yourwebsite.com/some_page?params=...></iframe