我想实现两个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>
一般我们在js里修改属性的话,我们会采用1、少量属性使用[元素].style.[属性名]=值的形式,如:div.style.position="absolute";2、多的话采用[元素].style.cssText=[属性名:值],如:div.style.cssText="height:20px;postion:relative;width:30px";