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<navH){
        $("#left").css({"position":"static"});
      }
    });
  });