就像在Yahoo.com中一样,当我们向下滚动页面时,其搜索框会在特定的滚动位置上固定在窗口顶部?如何实现这一点,是否可以使用CSS?
<div id="fixedDivWrapper">
</div id="scroll">
This stays still!
</div>
还有您的CSS:
position: fixed; /*This fixes it to the top of the div.*/
top: 20px; /*Margin at the top of the fixed div*/
你应该定义
position: fixed;
top: 10px;
left: 20px;
这将使 div 距离顶部 10 像素,距离左侧 20 像素,并且在页面滚动期间会固定在那里。
此外,您应该添加其他属性,例如 display: block; 和其他参数。
position: fixed;
但请注意,这在IE6或iOS Safari < 5中不起作用。
http://jsfiddle.net/sg3s/uU8Wb/
这个程序的作用很简单:
这里的魔法在于简单性,如果我们可以使用CSS完成两个任务,但需要选择每个状态何时处于活动状态,我们只需编写一个脚本来切换类,而不是依赖JS来完成所有操作。
http://chrispederick.com/work/web-developer/
在此网站上向下滚动页面并查看右侧div。 - sandbox