Home > Article > Web Front-end > 网页DIV能随滚动滚动，但下滚到达顶部时固定在页顶_html/css_WEB-ITnose
网页DIV能随滚动滚动，但下滚到达顶部时固定在页顶_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:42:101398browse
http://vacations.ctrip.com/grouptravel/p71671s2.html
请问，这个里面的TAB菜单项会在页面下滚时始终保持在最上面，而上拉超过它时，就会跟着下去。
请问如何实现？
回复讨论(解决方案)
看到一个方法如下，但是那个DIV会抖动，不像上面这个漂亮。
<html><head> <title></title></head><body> <div style="height:960px;background:#330000;">teatteat</div> <div id="t" style="height:24px;background:#000000;color:#ffffff;text-align:center;">teatteat</div> <div style="height:960px;background:#333333;">teatteat</div><script type="text/javascript">document.body.onscroll=function(){ if(document.body.scrollTop>=document.getElementById("t").offsetTop){ document.getElementById("t").style.position="absolute"; document.getElementById("t").style.top=document.body.scrollTop; } else { document.getElementById("t").style.position="static"; document.getElementById("t").style.top=document.body.scrollTop; }} </script></body></html> 链接地址： http://www.cnblogs.com/yjzhu/archive/2013/01/18/2866782.html
不知道上面的文章是不是 LZ 所要的效果。
链接地址：http://www.cnblogs.com/yjzhu/archive/2013/01/18/2866782.html
不知道上面的文章是不是 LZ 所要的效果。
对，正是这种效果，稍有点闪，我多试下
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：HTML5 data-* 自定义属性_html/css_WEB-ITnoseNext article：css 需要阴影的效果_html/css_WEB-ITnose