【问题标题】:Why clicking on anchor link pushes divs to the top of the page?为什么单击锚链接会将 div 推到页面顶部?
【发布时间】:2020-02-12 18:29:00
【问题描述】:

当我单击锚链接时,两个 div,即“菜单”所在的 ul li 以及带有它们指向的链接的 div,都移至页面顶部。 我希望它只在链接指向的那个 div 内移动。 (例如,单击“左侧的任何红色链接,看看会发生什么。) 有什么办法可以做到吗?

我试图找到类似问题的答案,但找不到任何答案。提前谢谢大家。

http://45.32.236.253/test/onama.html

【问题讨论】:

  • 我认为问题与溢出有关:隐藏;从身体。删除它后,您可以像单击链接一样滚动到顶部。尝试固定身体高度。并在主容器的顶部添加一些填充或边距。

标签: css anchor positioning


【解决方案1】:

页面很乱......他们应该链接到其他页面吗?然后例如 <a href="mission.html">还是我理解的不对?

【讨论】:

  • 当您单击链接时,您应该会到达同一文本中的另一个段落。但它会将整个 div 向上移动到页面顶部。
  • 他指的是以“工作任务”开头的侧边导航。
  • 我认为您可以使用 Bootstrap 滚动间谍导航轻松解决这个问题。制作菜单点的导航栏并将它们链接到文本
  • @Andidollar 谢谢你的建议,我会试试的,希望它适用。另外,我会告诉你进展如何。
【解决方案2】:

我知道我必须做什么。只需将垂直导航和文本 div 的位置从绝对更改为固定。然后一切正常。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-18
    • 1970-01-01
    • 1970-01-01
    • 2014-06-19
    相关资源
    最近更新 更多