0

我有一个bootstrap 3 药片显示器。

它由三个不同长度（高度）的标签组成。

我插入了一些代码，允许单击链接并激活和显示特定的药丸。

激活不同药丸的链接位于药丸/标签的底部。

当我单击链接并激活药丸时，会显示其相关选项卡，这就是我想要实现的。

但是，屏幕会自动导航到药丸/标签的顶部。

有没有办法在单击链接时阻止屏幕导航到药丸/选项卡的顶部（药丸被激活）？

这是我拥有的代码，它允许从页面上的链接激活和显示药丸/标签：

  $('[href="#publish_menu1"]').bind('click', function(event) {
    // show the 1st details pill when the link is clicked.
    $('.nav-pills li:nth-child(1) a').tab('show');
  });

  $('[href="#publish_menu2"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });

  $('[href="#resume_publish_menu3"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });
4

1 回答 1

0

如果没有完整的代码，很难准确掌握您想要实现的目标，但从您发布的代码来看，您的锚点可能指向您的 div。

$('[href="#resume_publish_menu3"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });

如果 href 指向 id='#resume_publish_menu3' 的 div 或元素，它会将页面滚动到该 div 或元素的顶部。

这将导致捕捉到页面顶部的行为，因为如果您的锚点使用本地 ID。

href='#home' //takes me to the div with id='home'
href='/home' //takes me to the home page within the path

我的建议是查看您的 href 指向的内容，因为这可能是问题所在。

于 2019-02-06T05:29:55.010 回答