5

ページの上部に固定位置のツールバーがあり、＃topと#bottomにアンカーがあります。

問題は、href = "＃"だけでビューアがページの一番上にある絶対的な先頭に移動することを知っていますが、jQueryスクリプトが配置されているため、「＃top」にする必要があります。bodyタグの直後に#topのdivを配置すると、アンカーはページのコンテンツの先頭にのみ移動し、実際の上部には移動しません。これに伴う問題は、z-indexのためにツールバーが伏線上にあるため、実際にはトップに移動していないように見えることです。

href = "＃top"を取得して、ページの最上部に向けるだけのhref = "＃"と同じ効果を得る方法はありますか？

4

2 に答える 2

4

実際#topには、ブラウザが一番上までスクロールするためにすでに使用されています#。

したがって、要素がないid="top"場合は、希望どおりに機能します。

http://jsfiddle.net/gaby/AkAeD/1/でのデモ

于 2012-10-30T13:23:10.890 に答える
1 
$('a[href="#top"]').on('click', function(e) {
    e.preventDefault();
    $('body, html').scrollTop(0);
});
于 2012-10-30T13:02:22.840 に答える