页面滑动到一定距离导航固定及回到顶部


.fixednav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
<script>
        var nav = $("#newnav"); //得到导航对象
                        var win = $(window); //得到窗口对象
                        var sc = $(document); //得到document文档对象。
                        win.scroll(function() {
                                if(sc.scrollTop() >= 210) {
                                        nav.addClass("fixednav");
                                } else {
                                        nav.removeClass("fixednav");
                                }
                        })


//回到顶部
                        $(".topR").click(function(){
                                        $('html,body').animate({
                scrollTop: '0px'
        }, 300);
                                })
                                
                
</script>

posted @ 2018-03-26 10:45  风干记忆  阅读(221)  评论(0编辑  收藏  举报