Как прокрутить тело страницы до указанного c местоположения по идентификатору элемента в CMS Magento2?

Question

Я хочу открыть вкладку продукта на странице продукта, щелкнув тег привязки в Magento2. Magento2 CMS версия 2.2.5, ниже код:

require([
  'jquery'
], function($) {
  $(document).ready(function() {
    $('.mor-link').on('click', function(event) {
      // Prevent URL change
      console.log('clicked');
      event.preventDefault();
      // `this` is the clicked <a> tag
      $('[data-toggle="switch"][href="' + this.hash + '"]').trigger('click');
    });
  });
});

<a id="read_more" class="mor-link" href="#new3.tab">Read More...</a>

.

Поэтому здесь я хочу открыть вкладку продукта FAQ с прокруткой вниз по телу страницы. Вы также можете проверить на моем веб-сайте: https://uniqaya.com/staging/tinted-sunscreen.html Мой скрипт работает нормально, чтобы открыть вкладку FAQ, но тело страницы не прокручивается вниз до нужного местоположения элемента. Пожалуйста, дайте мне знать, как я могу добиться этого. Я просто хочу открыть вкладку FAQ после того, как нажмете ссылку «Readmore ...» и тело страницы перейдет к этому месту.

Заранее спасибо, пожалуйста, помогите.

Answer 1

Вы можете использовать метод scrollIntoView в вашем обработчике кликов:

$('.mor-link').on('click', function(event) {
  event.preventDefault();
  $('[data-toggle="switch"][href="' + this.hash + '"]').trigger('click');
  document.getElementById("tab-label-new3.tab").scrollIntoView();
});