js悬浮窗真的这么难吗?怎么没人会呢?
发布网友
发布时间：2022-04-23 17:30
共2个回答
热心网友
时间：2022-04-23 09:35
<html>
<head>
<style type="text/css">
#div1{width:50px;height:80px;background:red;position:absolute;top:100px;};
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
var divTop=oDiv.offsetTop
window.onscroll=function(){
oDiv.style.top=window.scrollY+divTop+"px";
}
}
</script>
</head>
<body style="height:3000px;">
<div id="div1">
</div>
</body>
</html>
这东西最好还是fixed，随着win7普及IE浏览器版本几乎都跟上了，都支持这个属性，就算有要求最好还是用JQ，单纯学术上讨论的话上面代码因该能满足需求，上面代码谷歌浏览器下无问题，IE和火狐没进行测试，兼容的话自己做一下吧。
追问一看就不对
热心网友
时间：2022-04-23 10:53
其实如果只是让它悬浮不动，很简单，用position:fixed就行
<html>
<head>
<style type="text/css">
#div1{width:50px;height:80px;background:red;position:fixed;top:50px;};
</style>
</head>
<body style="height:3000px;">
<div id="div1">
</div>
</body>
</html>追问废话 这我也会
