Question

我使用锚标签来滚动我的网站。

只有当我使用手机查看页面（或使用较小的宽度打开浏览器）时，它才会滚动大约100px。

我在.js文件中更改了这个：

  $.localScroll({
        offset:{left: 0, top:-100 }
    });

（现在适用于手机，但不适用于桌面浏览器）

来自：

  $.localScroll({
        offset:{left: 0, top:-184 }
    });

（这对移动设备起到了很好的作用。）

造成这个问题的原因是什么？什么是最好的解决方案？

Answer 1

可能的解决方案不知道您的代码或了解移动代码的不同之处：

var problemIfSmallerThanThis = 1200; // Your "problem"-width where the error appears
var docWidth = $(document).width();
if(docWidth > problemIfSmallerThanThis ){
$.localScroll({
        offset:{left: 0, top:-184 }
    });
}else{
$.localScroll({
        offset:{left: 0, top:-100 }
    });
}

这只是一个替代方法

On-Page＆＃34;锚定＃34;滚动链接不会仅在移动版本上滚动到正确的位置

1 个答案: