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

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

WBOY
WBOYOriginal
2016-06-24 12:14:271277Durchsuche

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

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>

Stellungnahme:
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