Rumah > Artikel > hujung hadapan web > 网页DIV能随滚动滚动，但下滚到达顶部时固定在页顶_html/css_WEB-ITnose
网页DIV能随滚动滚动，但下滚到达顶部时固定在页顶_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:42:101440semak imbas
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 所要的效果。
对，正是这种效果，稍有点闪，我多试下
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML5 data-* 自定义属性_html/css_WEB-ITnoseArtikel seterusnya：css 需要阴影的效果_html/css_WEB-ITnose