jquery实现检测页面框口滚动距离顶部距离

1.html部分

2.jquery部分

var juli = $("#spdetail").offset().top;
juli = juli-51;//(因为mui-row距离页面顶部51px的距离)
$(window).scroll(function(event){
   var gju = $(window).scrollTop();
   if(gju>=juli){
      $(".detailtop").addClass('xq_hover');
      $(".shangpintop").removeClass('xq_hover');
   }else{
      $(".detailtop").removeClass('xq_hover');
      $(".shangpintop").addClass('xq_hover');
   }
});
$(".detailtop").click(function(){
   $(window).scrollTop(juli);
   $(".detailtop").addClass('xq_hover');
   $(".shangpintop").removeClass('xq_hover');
})
$(".shangpintop").click(function(){
   $(window).scrollTop(0);
   $(".detailtop").removeClass('xq_hover');
   $(".shangpintop").addClass('xq_hover');
})