Modal在开启页面时向下滚动

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 />），其具有的属性href开始与#。换句话说，绑定到每个锚链接。 Shopify似乎希望从锚点链接到锚点目标的平滑滚动。

所以，你可以尝试阻止这一点。也许看看Shopify文档，看看是否有办法解决你的问题。