锚链接不向下滚动答案

【问题标题】：Anchor Link Not Scrolling Down锚链接不向下滚动
【发布时间】：2019-07-07 12:17:49
【问题描述】：

我在处理链接到页面某个部分的图片时遇到了一点问题。当输入到栏并加载时，此链接工作正常，它会向下滚动，但是一旦加载基本页面，如果我单击带有链接的图像，它不想将页面向下转到有问题的选项卡部分.

https://www.bollostore.com/beolab-50

这是我运行它的基本页面

https://www.bollostore.com/beolab-50#product.view.paybyfinance 是指向页面下方“按财务付款”选项卡的链接。如果我将它直接放入 url 栏中，它就可以正常工作。但是当我点击简短描述中的财务横幅时，它不会触发。

我用过的原版是：

&lt;a href="https://www.bollostore.com/beolab-50#product.view.paybyfinance"&gt;&lt;img class="aligncenter wp-image-1176 size-full" src="https://www.bollostore.com/media/tmp/catalog/product/c/l/click-to-calculate.jpg" alt="finance for your tv and audio" width="1000" height="auto" /&gt;&lt;/a&gt;

【问题讨论】：

标签： html hyperlink magento2

【解决方案1】：

你需要在像

这样的元素中放置一个名称标签

<a class="data switch" tabindex="-1" data-toggle="switch" href="#product.view.paybyfinance" name="product.view.paybyfinance" id="tab-label-product.view.paybyfinance-title">
                                    Pay by Finance                                </a>

【讨论】：

感谢乔的回复。我已经在页面上应用了它，我看到如果该选项卡（通过财务支付）已经打开，点击它时，它会向下滚动，但如果它在默认的第一个选项卡上则不会（更多信息）
mhh 是的，标签实际上是由 javascript 控制的，所以我想用 javascript 或 jquery 滚动它是有意义的..
你在网站上使用jQeury吗？考虑到偏移量，我也许可以给你一个滚动到顶部的代码。