如何让div滚动时页面不跟着滚动?
滚动条是容器所固有的,不管是外面的滚动条,还是里面的滚动条,只要让固定的div和body或者html容器脱离关系,即可实现DIV固定在页面而不随着滚动条随意滚动。
1.html,body,将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。
2.virtual_body,写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。
3.fixed_div,用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚动条自然也显示不出来了。
4.<html><head> <title></title> <style type="text/css"> html,body { overflow:hidden; margin:0px; width:100%; height:100%; } .virtual_body { width:100%; height:100%; overflow-y:scroll; overflow-x:auto; } 。
5.fixed_div { position:absolute; z-index:2008; bottom:20px; left:40px; width:800px; height:40px; border:1px solid red; background:#e5e5e5 }。
6.</style></head><body><div class="fixed_div">I am still here!</div><div class="virtual_body"> <div style="height:888px;"> I am content ! </div></div></body></html>。