日期:2014-05-16  浏览次数:20652 次

页面中的这个效果是怎么做的??
比如打开优酷首页,鼠标往下滚动,而顶部的搜索栏一行保持不动,
我本来是想,滚动的区域用一个div充满 尺寸为100%,另外用div现实搜索栏。
用绝对定位 到 顶部,但是问题是,如果光标在顶部,那么就无法滚动了。。不知道
怎么实现
------解决方案--------------------
一个DIV的CSS设置为
width:100%;height:100px;position:fixed;z-index:99;top:0px;left:0px;
------解决方案--------------------
具体的CSS含义你可以搜一下 印象会更深
------解决方案--------------------
body的CSS设为 position:relative
把搜索栏的CSS设为 position:absolute
------解决方案--------------------
引用:
body的CSS设为 position:relative
把搜索栏的CSS设为 position:absolute

其它的一样  这样可以兼容IE6
------解决方案--------------------
下载下来看看,无非就是再多加些效果