JS判断元素到顶部并固定

  • 需要引入jquery文件
  • 上代码
  • left为对应元素id
$(function(){
    //获取要定位元素距离浏览器顶部的距离
    var navH = $("#left").offset().top;
    //滚动条事件
    $(window).scroll(function(){
    //获取滚动条的滑动距离
      var scroH = $(this).scrollTop();
      //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
      if(scroH>=navH){
        $("#left").css({"position":"fixed","top":0});
      }else if(scroH"#left").css({"position":"static"});
      }
    });
  });

你可能感兴趣的:(JS,jquery)