jquery：当页面滚动到一定位置之后，让元素固定在顶部，小于位置后恢复原来的位置...

最新推荐文章于 2021-09-12 20:46:14 发布

aasdw123456

最新推荐文章于 2021-09-12 20:46:14 发布

阅读量245

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sarly/p/7483726.html

版权

<!DOCTYPE html>
<html>
   <head>
      <script src="manger/js/jquery-1.4.4.min.js"></script>
      <style type="text/css">
         *{margin:0;padding:0;} .box{height:30px;background:burlywood;width:100%;}
      </style>
   </head>
   <body>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/>
      <div class="box">
         <div class="info"></div>
      </div>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/>
      <script type="text/javascript">
            var oInfo = $(".info");
            var oTop = $(".box").offset().top;
            var sTop = 0;
            $(window).scroll(function(){
                sTop = $(this).scrollTop();
                oInfo.text('sTop:'+sTop + '==oTop:' + oTop);
                if(sTop >= oTop){
                    $(".box").css({"position":"fixed","top":"0"});
                }else{
                    $(".box").css({"position":"static"});
                }
            });
      </script>
   </body>
</html>

转载于:https://www.cnblogs.com/sarly/p/7483726.html

aasdw123456

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery：当页面滚动到一定位置之后，让元素固定在顶部，小于位置后恢复原来的位置...

<!DOCTYPE html><html> <head> <script src="manger/js/jquery-1.4.4.min.js"></script> <style type="text/css"> *{margin:0;padding:0;} .box{heig...
复制链接

扫一扫