Question

我正在使用Magnific Popup模式，但这个问题也发生在CSS Modal上，因此它似乎与我的页面布局有关。每当我打开一个模态时，背景中的页面将首先自行向下滚动。你可以在这里查看： https://3rd-rock-2.myshopify.com/collections/all

点击任何产品图片

任何帮助将不胜感激

Answer 1

我认为问题在于shopify scripts.js 文件。在jquery ready函数中使用它（从第79行开始）：

$('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();

    var target = this.hash,
        $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 500, 'swing', function () {
        window.location.hash = target;
    });
  });

代码绑定到以<a />开头的href属性的每个链接（#）。换句话说，绑定到每个锚链接。 Shopify似乎希望从锚链接平滑滚动到锚点目标。

所以，你可以试着阻止这个。也许看一下Shopify文档，看看有没有办法解决你的问题。

Modal在打开时向下滚动页面

1 个答案: