0

だからSOF、

#BOTページ アンカーを使用しているときにリンクをクリックしたときに、URL に表示されたくないという小さな問題があります。

Javascript

$("a.bottom").click(function() {
    window.location = '#BOT';
});

リンク先が違う…

<a class="bottom" href="javascript: void(0);">BOTTOM</a>
<a href="#BOT">BOTTOM</a>

アンカー

<a id="KEY"></a>

#BOTpageurl バーへの追加を停止するにはどうすればよいですか?

4

3 に答える 3

3

jQuery scrollTo プラグインはこれに非常に優れています。アンカーを使用せずにウィンドウを要素にスクロールします。

$("a.bottom").click(function() {
    $.scrollTo($("a[name='#BOT']"));
});

機能をより一般的にすることも良いでしょう：

jQuery

$("a.scrollable").click(function() {
    $.scrollTo($("#"+$(this).data("scrollto")));
});

HTML

<a class="scrollable" data-scrollto="BOT">BOTTOM</a>
<a id="BOT"></a>
<a class="scrollable" data-scrollto="KEY">BOTTOM</a>
<a id="KEY"></a>
于 2013-11-05T07:59:39.913 に答える
2

これは、この質問で説明されているように、jQuery のオフセットとアニメーションを使用して実行できます。

function scrollToAnchor(aid) {
    var aTag = $("a[id='" + aid + "']");
    $('html,body').animate({
        scrollTop: aTag.offset().top
    }, 'slow');
}

$("a.bottom").click(function () {
    scrollToAnchor('BOT');
});

ここでフィドル

于 2013-11-05T08:02:30.190 に答える
1

window.scrollTo(x,y)メソッドを使用してページをスクロールできます。ページを更新する必要はありません。

例えば：

$("a.bottom").click(function() {
    scrollTo(0,100);
});
于 2013-11-05T08:03:39.500 に答える