Maison  >  Article  >  interface Web  >  不随滚动条移动_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 12:14:271254parcourir

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

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>

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn