javascript - 移动设备上不同的滚动偏移量

Question

我正在使用以下代码来平滑链接之间的滚动，并且效果很好。

我目前有 93px 的偏移量，但希望将其缩小，如果不在小型设备上删除的话。我想知道是否可以更改较小分辨率的偏移值。

   var jump=function(e)
   {
      if (e){
          e.preventDefault();
          var target = $(this).attr("href");
      }else{
          var target = location.hash;
      }

      $('html,body').animate(
      {
          scrollTop: $(target).offset().top-93
      },2000,function()
      {
          location.hash = target;
      });

   }

   $('html, body').hide();

   $(document).ready(function()
   {
       $('a[href^=#]').bind("click", jump);

       if (location.hash){
           setTimeout(function(){
               $('html, body').scrollTop(0).show();
               jump();
           }, 0);
       }else{
           $('html, body').show();
       }
   });

Answer 1

您可以使用 JQuery $( window ).height() 方法获取当前窗口高度并检测小设备。根据此值，您可以以不同方式显示偏移量。

更多信息在这里:https://api.jquery.com/height/