单击选项卡时跳转到HTML

Question

在http://tinyurl.com/75tx5hn上点击“ÜberdieApp”或“屏幕截图”，网站向下滚动。在标题中，你知道如何避免这个问题吗？

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

Answer 1

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

Answer 2

这是预期的行为，考虑到链接被锚定到同一页面上的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。

Answer 3

确定您发现问题

在页面代码中找到该行

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

标记中的

id =“about”导致此问题。如果您更改此ID名称，将解决此问题 ：）

Answer 4

问题是您的链接链接到#about（id =“about”），浏览器会尝试转到显示在浏览器顶部的部分。

测试：

使用浏览器并放大按钮，然后单击链接。您将看到它将显示ID =约。

的ABOUT内容部分

解决方案：

更改内容的ID

或更改链接的hrefs

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