请教javascript怎么控制div的位置
日期：2014-05-16 浏览次数：20334 次
请问javascript如何控制div的位置？
比如一个div,其初始位置是
right:10px;bottom:10px;
但如果body的
height:1000px;
时，如果浏览器滚动到下面，则div还在网页的位置，也就是说被拉到上面去了，第二屏里边看不到。
我希望做到随着浏览器的滚动，该div始终在浏览器的右下角，该如何实现？
------解决方案--------------------
function doScroll(){
document.all.div_id.style.top = document.body.clientHeight-document.all.div_id.style.pixelHeight+document.body.scrollTop;
}
<body onscroll= "doScroll(); ">
------解决方案--------------------
这个不用javascript的，直接用CSS属性 position:fixed; 就可以了
比如一个div,其初始位置是
right:10px;bottom:10px;
但如果body的
height:1000px;
时，如果浏览器滚动到下面，则div还在网页的位置，也就是说被拉到上面去了，第二屏里边看不到。
我希望做到随着浏览器的滚动，该div始终在浏览器的右下角，该如何实现？
------解决方案--------------------
function doScroll(){
document.all.div_id.style.top = document.body.clientHeight-document.all.div_id.style.pixelHeight+document.body.scrollTop;
}
<body onscroll= "doScroll(); ">
------解决方案--------------------
这个不用javascript的，直接用CSS属性 position:fixed; 就可以了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
