zoukankan      html  css  js  c++  java
  • 页面滑动到一定距离导航固定及回到顶部


    .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>

  • 相关阅读:
    project euler 开坑
    hdu 5382 GCD?LCM!
    Leetcode 557. 反转字符串中的单词 III
    Leetcode 344. 反转字符串
    Leetcode 345. 反转字符串中的元音字母
    008.C++类改写模板类
    007.C++构造函数
    006.C++头文件
    02.树的序列化与反序列化(C++)
    Leetcode 94. 二叉树的中序遍历
  • 原文地址:https://www.cnblogs.com/zyl-930826/p/8649423.html
Copyright © 2011-2022 走看看