私のページには、次のようなリンクのないアンカーがあります。
<a href="#">Anchor</a>
ページの下部にあるアンカーをクリックすると、ページが上にスクロールします。リンクをクリックした場合、ページの位置を維持したい。これどうやってするの。(私にとって良いjsはありません)
説明できればと思います。
前もって感謝します。
私のページには、次のようなリンクのないアンカーがあります。
<a href="#">Anchor</a>
ページの下部にあるアンカーをクリックすると、ページが上にスクロールします。リンクをクリックした場合、ページの位置を維持したい。これどうやってするの。(私にとって良いjsはありません)
説明できればと思います。
前もって感謝します。
JSを使用する必要がありますが、インラインで使用できます。
<a href="javascript:void(0);">Test</a>
デモ: http: //jsfiddle.net/7ppZT/
または、イベントをキャプチャすることもできます。
$('a[href^="#"]').click(function(e) {
e.preventDefault();
});
アンカーは、ページ内のどこにでも配置できます。
<a href="#stophere">Anchor</a>
<a id='stophere'>Bottom Of Page</a>
次に、リンクは名前付きアンカーに移動します。停止したい場所でその要素に固執するだけです.
この問題を修正するには、このコードを使用します。これはスクリプトソリューションですが、すべてのブラウザで機能します。
<a href="javascript:void(0)">Anchor</a>
<a href="#noname">Anchor</a>
タグの属性またはタグの属性にnoname
使用していないことを確認してください。id
name
a
#
名前を設定し、このように名前を追加する必要があります
<a name="adsf" href="#adsf">Anchor</a>