用以下代码,加上自己设置一下CSS样式,在DIV中调用,实现网页中某板块跟随网页滚动效果。
<script type="text/javascript">
var mt = 0;
window.onload = function () {
var mydiv = document.getElementById("mydiv");
var mt = mydiv.offsetTop;
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t > mt) {
mydiv.style.position = "fixed";
mydiv.style.margin = "0 0px";
mydiv.style.top = "0";
}
else {
mydiv.style.margin = "0px 0px";
mydiv.style.position = "static";
}
}
}
</script>
<div id="mydiv" class="mydiv">内容</div>
演示效果可在http://www.jrjjxx.cn查看,如果实现网页导航滚动,可参考网页导航浮动 七角七分 (benen.cn)