javascript - 模式在打开时向下滚动页面

Question

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

点击任何产品图片

任何帮助，将不胜感激

Answer 1

我相信问题出在 shopify scripts.js文件中。在 jquery 就绪函数中使用它（从第 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 />的属性的每个链接 ( ) 。换句话说，绑定到每个锚链接。Shopify 似乎希望从锚链接平滑滚动到锚目标。href#

因此，您可以尝试防止这种情况发生。也许看看 Shopify 文档，看看是否有办法解决您的问题。