Question

Wordpress（或插件）在产品页面上自动滚动...我不知道为什么。

我可以添加任何编码来阻止这个恼人的功能吗？

问题示例：https://roverplusnine.com/product/RPN-9999-115-FD/

提前感谢您的帮助......

Answer 1

我遇到了类似的问题，并且在搜索中也发现了许多其他问题。

对我们许多人来说，共同的问题是我们的主题添加了用于锚点的平滑滚动脚本，并且无论采用哪种方法，单个产品页面的选项卡式描述部分都将定向并自动滚动到该页面。您可以在主题中隐藏该部分以进行测试，并查看是否也是您的问题：

.woocommerce-tabs {display:none;}

如果您的产品说明很多，并且比简短说明需要更多的空间，那不是解决方案。如果找到解决问题的方法，我会回去。要么。希望这足以让其他人继续在我之前弄清楚。

Answer 2

就我而言，此行为的罪魁祸首是我添加到子主题中的平滑滚动JavaScript代码。解决方案是不定位产品标签。这可以通过一个简单的CSS :not语句来完成。我的最终脚本还考虑了空的锚链接（只有#的锚链接）和“滚动到顶部”链接，这些链接在父主题中已经可以顺利滚动。所以这是我的平滑滚动JS：

var $j = jQuery.noConflict();

// Smooth scroll for anchor links
$j(document).on('click', 'a[href^="#"]:not([href$="#"]):not([href^="#tab-"]):not(.cd-top)', function (event) {
  event.preventDefault();
  $j('html, body').animate({
      scrollTop: $j($j.attr(this, 'href')).offset().top
  }, 700);
});

在产品页面上停止Wordpress或插件自动滚动

2 个答案: