Rumah > hujung hadapan web > html tutorial > 网页DIV能随滚动滚动,但下滚到达顶部时固定在页顶_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:42:10
asal
1511 orang telah melayarinya

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>
Salin selepas log masuk

链接地址: 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 Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan