我有一个简单的脚本：
当页面滚动时，我想垂直移动div，但是尽管触发了该事件，但div仍保持在相同位置
<script type="text/javascript">
window.onscroll = DoScroll;
function DoScroll() {
var mydiv = document.getElementById("myFloatingDiv");
mydiv.top = mydiv.top + 230;
}
</script>
<style>
body {
background-color: linen;
margin-left: 50px;
margin-right:60px;
margin-top:15px;
}
.myFloatingDivCSS{
position:absolute;
left:50px;
top:100px;
width:20%;
height:300px;
background:blue;
}
</style>
<body>
<div class="myFloatingDivCSS" id="myFloatingDiv" ">
<ul>
<li></li>
<li></li>
</ul>
</div>
但是我看不到div动作...为什么会这样呢？
最佳答案
多亏了这里写的所有内容，我找到了想要的答案：
window.onscroll = DoScroll;
function DoScroll() {
var mydiv = document.getElementById("myFloatingDiv");
mydiv.style.top = Math.max(100, window.pageYOffset) + 'px';
}