>  기사  >  웹 프론트엔드  >  网页DIV能随滚动滚动,但下滚到达顶部时固定在页顶_html/css_WEB-ITnose

网页DIV能随滚动滚动,但下滚到达顶部时固定在页顶_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:42:101434검색

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 所要的效果。


对,正是这种效果,稍有点闪,我多试下
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.