javascript - タブをクリックするとHTMLでジャンプダウン

Question

http://tinyurl.com/75tx5hnで「ÜberdieApp」または「Screenshots」をクリックすると、Webサイトが下にスクロールします。ヘッダーに、あなたはその問題を回避する方法を知っていますか？

不思議なことに、これはFirefoxとIEでのみ発生し、Chromeでは発生しませんか？

Answer 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を削除するだけです。

Answer 2

問題が見つかりました

ページコードでその行を見つけます

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

タグのid="about"がこの問題の原因です。このID名を変更すると、これは解決されます:)

Answer 3

javascriptのfocus（）関数を使用して、class = "header"でdivを表示し
ます（例：document.myform.mytextfield.focus（）; ボタンのクリックにフォーカスを設定するには

Answer 4

問題は、リンクが#about（id = "about"）にリンクしていることです。ブラウザは、ブラウザの上部に表示されているそのセクションに移動しようとします。

テスト：

ブラウザを使用してボタンを拡大し、リンクをクリックします。ID=aboutのABOUTコンテンツセクションが表示されます。

解決 ：

コンテンツのIDを変更する

またはリンクのhrefを変更します

または、デフォルトのブラウザアクションを防ぐためにjqueryイベントを設定します。