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

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

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

 

 （不知道专业术语的时候真的好难啊，连查都不知道要查什么）

 

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

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

$(function(){

        $(window).scroll(function(){

            if($(window).scrollTop()>100){

                $(".nav").css({"position":"fixed","top":0,"background":"red","width":"100%"});

            }else{

                $(".nav").css({"position":"static"});

            }

        });

    });

 

可以用 改一下 里面的内容就好了