欢迎使用CSDN-markdown编辑器

来源:互联网 发布:手机淘宝旧版5.2.2 编辑:程序博客网 时间:2024/06/10 23:14
    给大家分享一个移动端元素滑到顶部时,固定在顶部的一个小知识。这种方法在移动端经常遇到,所有用到此效果的地方还是很多的。大家可以收藏一下!
<script>        //获取要定位元素距离浏览器顶部的距离    function moveTop(target){    var navH = $(target).offset().top;        //滚动条事件    $(window).scroll(function(){        //获取滚动条的滑动距离        var scroH = $(this).scrollTop();            //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,      就固定在顶部        if(scroH>=navH){            $(target).css({"top": "0"});        }else{            $(target).css({"top": "100"});                 }    })    }    </script>     //使用的时候引入这个js的后面:    $(function(){      var newTarget = New moveTop(".class名");      //或者:      var newTarget = New moveTop("#id名");      //使用的时候只需要在括号里把指定元素的class名      //或者id名放在括号里就可以使用了     });     //此方法为jq方法,应提前引入jq文件

谢谢大家!

原创粉丝点击