js中对div的style重新赋值无效

我想实现两个button随滚动条的滚动而滚动,在火狐上可以实现,但在ie或360上则实现不了,报错提示div.style尚未实现。求大神解决,附上部分代码:
<html>

<head>
    <title>回复留言</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="留言本">
    <link href="img/1/jd100.css" rel="stylesheet" type="text/css">
    <script src="script/myjs3.js"></script>
    <script type="text/javascript">
        var x = 0;
        window.onscroll = function(){
            var div = document.getElementById("diid");
            var d = document.getElementById("did");
            var top = div.offsetTop;
            var sctop = document.body.scrollTop;
            var height = (top+document.body.scrollTop-x)+"px;";
            div.style = "position: absolute;right: 60px;top: "+height ;
            d.style = "position: absolute;left: 60px;top:"+height;
            x = sctop;
        };
    </script>
</head>
<body>
    <div align='center' style="position: absolute;left: 60px;top:300px;" id="did" >
    <a href='messageBoard.jsp' class=jdmenu><b>留言</b></a>
    </div>
    <div style="position: absolute;top: 300px;right: 60px" id="diid">
            <a href="#top"><input type="button" value="回到顶部"/></a>
        </div>
</body>
</html>
阅读 11.1k
5 个回答

一般我们在js里修改属性的话,我们会采用1、少量属性使用[元素].style.[属性名]=值的形式,如:div.style.position="absolute";2、多的话采用[元素].style.cssText=[属性名:值],如:div.style.cssText="height:20px;postion:relative;width:30px";

固定位置吗?为什么position不是fixed?

div.style = "position: absolute;right: 60px;top: "+height ;这行代码拆开写就行

div.style.position = "absolute";
div.style.right = "60px";
div.style.top = height;

后面没有加‘px’单位

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题