博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面滑动到一定距离导航固定及回到顶部
阅读量:6637 次
发布时间:2019-06-25

本文共 449 字,大约阅读时间需要 1 分钟。

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

转载于:https://www.cnblogs.com/zyl-930826/p/8649423.html

你可能感兴趣的文章
驰骋工作流引擎功能新增操作提示
查看>>
思科 GNS3 配置 vrrp
查看>>
iOS7 一个天气应用案例
查看>>
软件包的管理及如何实现WEB源代码编译安装流程(内附图解释)
查看>>
springCloud(4):Eureka Server的高可用与用户认证
查看>>
springBoot(其它):json处理
查看>>
delete the listener.log
查看>>
salt更改yum源
查看>>
【转载】GITHUB之GIT BASH使用教程
查看>>
C/C++回调函数
查看>>
phalcon队列使用Queueing
查看>>
java synchronized详解(二)
查看>>
优秀的 Java 程序员所应该知道的 Java 知识
查看>>
KVM部署搭建
查看>>
MySQL5.7.18 for Linux7.2(二进制安装)
查看>>
设置/修改linux上的swap交换分区的方法
查看>>
vim使用小结
查看>>
Linux新建虚拟机
查看>>
我的友情链接
查看>>
JAVA设计模式:简单工厂、工厂方法、抽象工厂之小结与区别 .
查看>>