1

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

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

4

4 回答 4

1

使用 javascript 的 focus() 函数显示带有 class="header" 的 div，
例如 document.myform.mytextfield.focus(); 将焦点设置在单击按钮上

于 2012-05-16T09:54:51.370 回答
1

问题是您的链接链接到#about (id="about")，浏览器将尝试转到在浏览器顶部显示它的那个部分。

测试：

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

解决方案 ：

更改内容的 ID

或更改链接的href

或者设置一个 jquery 事件来阻止默认的浏览器操作。

于 2012-05-16T10:07:30.057 回答
1

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

于 2012-05-16T09:57:22.680 回答
1

好的，发现你的问题

在您的页面代码中找到该行

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

标签中的id="about"导致此问题。如果您更改此 ID 名称，这将得到解决 :)

于 2012-05-16T09:57:44.443 回答