Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 移动设备上的不同滚动偏移_Javascript_Jquery - Fatal编程技术网

Javascript 移动设备上的不同滚动偏移

Javascript 移动设备上的不同滚动偏移,javascript,jquery,Javascript,Jquery,我使用下面的代码在链接之间平滑滚动,效果非常好 我目前有一个93px的偏移量,但如果不是在小型设备上删除的话,我希望将其减小。我想知道是否可以更改较小分辨率的偏移值 var jump=function(e) { if (e){ e.preventDefault(); var target = $(this).attr("href"); }else{ var target = location.hash

我使用下面的代码在链接之间平滑滚动,效果非常好

我目前有一个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();
       }
   });
您可以使用JQuery
$(window).height()
方法获取当前窗口高度并检测小型设备。基于此值,可以以不同方式显示偏移

更多信息请点击此处: