0

Tumblr やその他のいくつかの Web サイトでは、X ピクセル分垂直にスクロールすると、アンカー リンクを含む上部に移動する矢印が表示されます。(それが正しい用語だと思います。) 基本的に、これらは#のhref属性を持つ <a> タグです。

私の意見では、アンカー リンクは「javascript:void(0);ここにコードを追加...」よりもずっと「きれい」に見えます。

上部にスクロールするための Tumblr のアンカー リンクに加えて、Web ページには「空のハッシュタグ リンク」を使用する多くの GUI 要素がありますが、それらはスクロールには使用されず、クリーンで空のハイパーリンクです。それらがクリックされると、ページを一番上までスクロールするのではなく、JavaScript 関数を呼び出して要素を表示したり、タスクを実行したりします。

私の知る限り、これらのリンクには、スクロールを停止するための JavaScript イベントが関連付けられていません。(例: onclick="window.event.preventDefault()" .

何か不足していますか？

編集：

私が直面している私の個人的な問題は、(上部のナビゲーション バーに) 空のハイパーリンクを設定したいのですが、ページがクリックされたときにページを一番上までスクロールさせたくないということです (おそらくすべてのブラウザ）。JavaScript の有無にかかわらず修正する方法は?

編集：

この問題の可能な修正。JavaScript 以外: 要素の位置を座標 (0,0) に固定し、空のリンクをそれにリンクします。(しかし、それでも空にはなりません:()

4

1 に答える 1

8

これに対する簡単な解決策は、単純に a タグを挿入することです:

<a href="#a">Title</a>

これを行うと、ページが一番上にスクロールされなくなります。スクロールして一番上に戻るには、# 記号の後ろにある a を削除します。次のようになります。

<a href="#">Title</a>

これは、あなたから提供されたコードなしで私ができる最善の説明です。

試してみると、あなたが求めているもので動作するはずです...JavaScriptは必要ありません。実際、自分のページで必要に応じて #a を別の場所にジャンプさせることもできます :)

于 2013-08-11T08:29:19.197 に答える