JQuery浮动层

最新推荐文章于 2018-09-22 09:37:07 发布

原创最新推荐文章于 2018-09-22 09:37:07 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #浏览器 #Opera #CSS #ViewUI

JQuery 专栏收录该内容

1 篇文章

订阅专栏

[quote]<html>
<head>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(this).scroll(function(){
$("#div0").css("top",$(this).scrollTop()+300);
})
</script>
</head>
<body>
<div style="height:1800px;"></div>
<div id="div0" style="position:absolute;background-color:red;width:100px;height:100px;left:20px;top:300px;">浮动</div>
</body>
</html>[/quote]
这两天在想写一个浮动层，可是用一般的JS写，总会要考虑到浏览器兼容的问题，所以就想用JQuery写。
自己挺懒的，所以就想找一个现成的列子，可是找到的一些都是还要考虑浏览器兼容的问题的（在获取scrollTop时），所以自己就直接用了JQuery的$(this).scrollTop()方法获得当前窗口的scrollTop,本来也就想试一试，没想到IE7.0,FireFox3.6都可以，后来想想是不是遨游和Opera也可以，就也都试了一下，也可以，贴出来，大家分享一下。