>웹 프론트엔드 >HTML 튜토리얼 >不随滚动条移动_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:14:271277검색

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

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>

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