首页 > 其他 > 详细

scroll事件 实现某元素吸顶或者固定位置显示

时间:2021-03-30 13:10:45      阅读:9      评论:0      收藏:0      [点我收藏+]

想要实现预览的小窗口在鼠标向下滑动后吸顶

百度了一会找到了这个问题的专业术语

技术分享图片

 

 (不知道专业术语的时候真的好难啊,连查都不知道要查什么)

 

吸顶下过代码跟简单几行代码就可以了

如果滚动的军力大于100,就改变导航的定位方式,否则就默认

$(function(){
        $(window).scroll(function(){
            if($(window).scrollTop()>100){
                $(".nav").css({"position":"fixed","top":0,"background":"red","width":"100%"});
            }else{
                $(".nav").css({"position":"static"});
            }
        });
    });
 
可以用 改一下 里面的内容就好了

scroll事件 实现某元素吸顶或者固定位置显示

原文:https://www.cnblogs.com/lianyiu/p/14595631.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!