單擊鏈接到同一頁面的不同部分時，禁用URL更改

Question

假設我在www.domain.com上有一個按鈕，該按鈕通過定位標記<a href="#destination">text link</a>鏈接到頁面的下部。

是否可以防止瀏覽器的網址欄中的網址顯示www.domain.com/#destination ？

謝謝

Answer 1

像這樣使用jquery：

$("#down").click(function () {
    $('html,body').animate({
        scrollTop: $("#b").offset().top
    });
});

$("#up").click(function ()
    $('html,body').animate({
        scrollTop: $("#a").offset().top
    });
})

希望這可以幫助。

小提琴：

http://jsfiddle.net/ZGk5F/

Answer 2

您可以使用此：

 $("a.anchor").on("click", function(e) { e.preventDefault(); $(window).scrollTop($($(this).attr('href')).offset().top); }); 

 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <a href="#second" class="anchor">Second</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <h2 id="second">Second Part</h2> 

現在，錨鏈接顯示懸停時的地址，但是滾動到目標而不是導航。