当“产品详细信息”页面上有“产品库”时，滚动到div不起作用

Question

jquery中的滚动顶部不起作用。

我正在使用

• WooCommerce插件的报价（版本1.4.9）。
• WooCommerce（版本3.4.3）。
• WordPress（版本4.9.6）。

提供在商店页面上添加提供报价按钮的插件，当我们单击该插件时，它将重定向到产品的“报价”标签。

为此，我们在js文件中使用了 scrollTop 函数。 这是代码。

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

虽然“ WooCommerce产品”页面具有“产品库”，但它不会滚动到该特定的div。 请查看图片：https://www.screencast.com/t/BIH5qkKU

以下是该问题的视频链接：https://screenpresso.com/=V3NRf

单击以观看有关上述情况的视频。

任何有关此的信息将不胜感激。谢谢！

Answer 1

您的代码有问题

尝试

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

Answer 2

您要从jQuery中访问元素两次，请从此变量 $（ targetTab 删除 jQuery。 > ） ：

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