当导航栏到顶部时固定浮动jquery

/ / 2018-01-29   阅读:2501
<script>     $(function () {         //获取要定位元素距离浏览器顶部的距离         var navH = $(".navsy").offset().top;       ...
<script>
    $(function () {
        //获取要定位元素距离浏览器顶部的距离
        var navH = $(".navsy").offset().top;
        console.log(navH);
        //滚动条事件
        $(window).scroll(function () {
            //获取滚动条的滑动距离
            var scroH = $(this).scrollTop();
            //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
            if (scroH >= navH) {
                $(".navsy").css({ "position": "fixed", "top": 0, 'z-index': 1000 });
            } else if (scroH < navH) {
                $(".navsy").css({ "position": "static", 'z-index': 0 });
            }
        });
    });
</script>

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈