Модальные прокрутки страницы вниз при открытии

Question

Я использую Magnific Popup modal, но эта проблема возникла и в 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, чтобы узнать, есть ли способ решить вашу проблему.