ITPub博客

首页 > 应用开发 > > 关于javascript实现的网站页面侧边悬浮框"抖动"问题

关于javascript实现的网站页面侧边悬浮框"抖动"问题

作者:dav2100 时间:2019-08-09 16:16:14 0 删除 编辑

以下是做的侧边悬浮框,但是会发现每当滚动条滚动时,悬浮框都会抖动,而浏览了一些其他网站,发现他们的悬浮框都不会抖动,这是如何实现的?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin:0px; padding:0px;}
body{height:2000px;}
#div1{width:100px; height:200px; background:orange; position:absolute; left:0px; top:200px;}
</style>
<script>
window.onload = function(){
var oDiv = document.getElementById("div1");
window.onscroll = window.onresize = function(){
var oScrollH = document.documentElement.scrollTop || document.body.scrollTop;
oDiv.style.top = 200 + oScrollH + "px"; 
}; 
};
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4479/viewspace-3149049/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-17

  • 博文量
    176
  • 访问量
    17570