Прокрутите, чтобы div не работал, когда на странице «Сведения о продукте» есть Галерея продуктов

Question

Верхняя прокрутка в jquery не работает.

Я использую

• Предложения для плагина WooCommerce (версия 1.4.9).
• WooCommerce (версия 3.4.3).
• WordPress (версия 4.9.6).

Предлагает добавить плагин Сделать кнопку предложения на странице магазина, и когда мы нажимаем на нее, она перенаправляет на вкладку Предложения продукта.

Для этого мы использовали функцию scrollTop в файле js. Вот код

var targetTab = $(".tab_custom_ofwc_offer_tab");
$('html, body').animate({
    scrollTop: $(targetTab).offset().top - '100'
}, 'fast');

Хотя на странице продукта WooCommerce есть Галерея продуктов, она не прокручивается к этому конкретному разделу. Пожалуйста, смотрите изображение: https://www.screencast.com/t/BIH5qkKU

Вот ссылка на видео для выпуска: https://screenpresso.com/=V3NRf

Нажмите, чтобы посмотреть видео о том, как происходят вышеуказанные события.

Любая информация по этому вопросу будет принята с благодарностью. Спасибо!

Answer 1

Вы дважды получаете доступ к элементу из jQuery, удалите jQuery из этой переменной $ ( targetTab ) :

var targetTab = $(".tab_custom_ofwc_offer_tab");
$('html, body').animate({
    scrollTop: targetTab.offset().top - '100'
}, 'fast');

Answer 2

В вашем коде проблема,

попробуйте это

var targetTab = $(".tab_custom_ofwc_offer_tab");
    $('html, body').animate({
        scrollTop: $(targetTab).offset().top - '100'
    }, 'fast');