单击选项卡时在 HTML 中向下跳转

Jumping down in HTML when clicking onto a tab

本文关键字：HTML 选项 单击      更新时间：2023-09-26

http://tinyurl.com/75tx5hn 当我点击"Über die App"或"屏幕截图"时，网站会向下滚动。 对于标题，您是否知道如何避免该问题？

奇怪的是，这只发生在 火狐 和 IE 上 ，而不是在 Chrome 上？

好的，

发现你的问题

在页面代码中找到该行

<div id="about" class="pane" style="display: block; "> <!-- Start About Page -->

标签中的 id="about" 导致了此问题。如果您更改此 ID 名称，则会解决此问题:)

使用 JavaScript 的 focus（） 函数来显示div 和 class="header"
例如 document.myform.mytextfield.focus（）;将焦点设置为单击按钮

这是预期的行为，考虑到链接锚定在同一页面上的div：

<li><a href="#about">Über die App</a></li>
...
<div id="about" class="pane">

你可以像这样杀死这种行为（你的页面上包含了jQuery）：

$(".tabs.page a").click(function (e) {
    e.preventDefault();
}):

。或者只需删除div 上的 ID。

问题是您的链接链接到 #about（id="about"），浏览器将尝试转到浏览器顶部显示它的该部分。

测试：

使用浏览器并放大按钮，然后单击链接。您将看到它将显示ID = about的"关于"内容"部分。

溶液：

更改内容的 ID

或更改链接的 href

或者设置 jquery 事件以防止默认浏览器操作。

相关文章：