2 bettyhu1997 bettyhu1997 于 2015.05.30 16:38 提问

为什么js不会动?按视频上说的做的

html====

 \<body style="height:1000px">
\<div id="box">\</div>

    css======
    *{margin: 0;padding: 0;}
#box{width: 100px;height: 100px;background: red;position: absolute;right: 0;bottom: 0;}
js========
window.onscroll=function  () {
    var box=document.getElementById('box');
    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
    box.style.top=document.documentElement.clientHeight-box.offsetHeight+scrollTop+"px";
}

3个回答

u012216727
u012216727   Ds   Rxr 2015.05.30 16:51

你也将代码贴全啊,就这个样子谁也猜不出来的

bettyhu1997
bettyhu1997 不好意思,帮帮我看下,谢谢了。我想了一个下午了
接近 3 年之前 回复
showbo
showbo   Ds   Rxr 2015.05.30 17:27

你样式和脚本放到了style和script没有,要下面这样,没问题,一直在右下角浮动

  <body style="height:1000px">
   <div id="box"></div>
</body>
<style>
    *{margin: 0;padding: 0;}
    #box{width: 100px;height: 100px;background: red;position: absolute;right: 0;bottom: 0;}
     </style >
<script>
    window.onscroll = function () {
         var box=document.getElementById('box');
         var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
         box .style.top=document.documentElement.clientHeight-box.offsetHeight+scrollTop+"px";
 }
</script>

yy839126257
yy839126257   2015.05.31 11:35

教你一个办法查看错误,用chrome 浏览器,打开这个页面,按 F12,在console一栏里会看到错误

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!