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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于javascript实现的网站页面侧边悬浮框"抖动"问题相关的知识,希望对你有一定的参考价值。

<!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>























以上是关于关于javascript实现的网站页面侧边悬浮框"抖动"问题的主要内容,如果未能解决你的问题,请参考以下文章

如何给wordpress网站添加百度分享按钮或悬浮窗

“右侧悬浮框”页面特效

uni-app 实现置顶悬浮框功能

关于wordpress主题侧边栏菜单

js+css+html实现固定侧边栏效果

Android音视频通话过程中最小化成悬浮框的实现(类似Android8.0画中画效果)