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文檔，看看是否有辦法解決你的問題。