Tabs 引导-滚动并打开特定选项卡的链接

我在页面顶部有链接：

<a data-toggle="tab" href="https://mysite.pl/#tabs3-k_tab3" class="blur-button">Zobacz promocje</a>

现在链接打开了好标签，但我必须重新加载页面。页面不会滚动到带有选项卡的部分

---

如何使其工作？

在刚刚创建的位置链接/page/page.html中，将id\u of_location添加到其末尾，使其类似于/page/page.htmlid\u of_location。页面将移动屏幕，以便的HTML元素位于屏幕顶部

举个例子

---

所以我把一个链接的代码改为

<a href="#tabs3-k_tab3" onclick="location.hash='tabs3-k_tab3'; location.reload();" class="blur-button">Zobacz promocje</a>

---

现在，它打开了特定的选项卡-这太棒了。我只需要在单击时向下滚动到所有选项卡。有人知道如何做到这一点吗？

据我所知，您无需手动编码即可做到这一点。在HTML网站生成器mobirise中，可以将链接设置为特定块。单击菜单项，然后添加指向该项的链接。然后在页面上选择block

---

这不管用。在提问之前我检查了一下。可能是这样的：当div中的每个链接都被点击时，滚动到id为的特定部分。但我不知道如何用javascript写这个。请帮帮我。

$(function() {
  $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    history.pushState({}, '', e.target.hash);
  });

  var hash = document.location.hash;
  var prefix = "tab_";
  if (hash) {
    $('.nav-tabs a[href="'+hash.replace(prefix,"")+'"]').tab('show');
  }
});

<a href="#tabs3-k_tab3" onclick="location.hash='tabs3-k_tab3'; location.reload();" class="blur-button">Zobacz promocje</a>