Question

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

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

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

当我单击链接并激活药丸时，将显示其相关标签，这是我想要实现的。

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

单击链接（药丸已激活）时，是否有防止屏幕导航到药丸/标签顶部的方法？

这是我所拥有的代码，用于激活药丸/标签并通过页面上的链接显示：

  $('[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');
  });

Answer 1

如果没有完整的代码，很难准确地掌握您要实现的目标，但是从您发布的代码中，您的锚点似乎指向了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指向的内容，因为这可能是问题所在。

引导药-如何在不滚动的情况下显示药标签

1 个答案: