Heim > Web-Frontend > HTML-Tutorial > 不随滚动条移动_html/css_WEB-ITnose

不随滚动条移动_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:14:27
Original
1275 Leute haben es durchsucht

显示两部分数据,
上面一部分不随滚动条移动,即总是显示的
下面一部分是正常的

http://www.cnblogs.com/cracker/archive/2011/07/04/css_fixed.html

这个文章看不太懂.请教


回复讨论(解决方案)

<script> <br /> function init(){ <br /> var p=document.getElementsByTagName("div")[0]; <br /> var div=document.getElementById("test"); <br /> var x=document.body.scrollTop||document.documentElement.scrollTop; <br /> div.innerHTML=x; <br /> p.style.top=parseInt(x)+"px"; <br /> } <br /> window.onscroll=init; <br /> 这样试试 </script>

能用css解决吗 <script> <br /> function init(){ <br /> var p=document.getElementsByTagName("div")[0]; <br /> var div=document.getElementById("test"); <br /> var x=document.body.scrollTop||document.documentElement.sc…… </script>

css position :fixed

可以完全用css解决,IE6以上浏览器用position:fixed;IE6可以用position:absolute;top:expression(eval('document.documentElementScrollTop'))

滚动条都不禁止.只是让上面那部分区域不动而已

求大神啊


把下面一个区域设置滚动条 

求代码啊 把下面一个区域设置滚动条

<style>#div0,#div1,#div2{  margin:0px;  float:left;  width:300px;  }#div0{   height:200px;}#div1{   height:20px;}#div2{    overflow:auto;    height:180px;}</style><div id="div0">   <div id="div1">   </div>   <div id="div2">   </div><div>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage