帶有跳轉鏈接的網頁

Question

我是Web開發領域的新手，請原諒我在某些方面的無知：p

任何人都可以告訴跳轉鏈接如何工作？ 以及如何實施它們？

讓我舉一個具體的例子，我想創建一個帶有單杠的網站，我看到一些現代網站，這些鏈接不會更改頁面，它們只是跳到另一部分，如果我向上滾動，最終又回到家。

如何實現此功能，並與Bootsap一起使用？

謝謝

Answer 1

我的朋友，那是一個單頁網站，它們不是跳轉鏈接，您僅使用jquery向下滾動到單擊的內容。

這是將執行此操作的代碼示例：

$(function() {
    $("#abc").bind("click", function() {
        $("html, body").animate({
            scrollTop: $("#anchor").offset().top
        }, 500);
    });
})(jQuery);

單擊ID為abc的元素時，無論在頁面上的什么位置，它都將帶您到#anchor id元素的頂部。

另外，這是一個使用此確切代碼的示例： jsfiddle

Answer 2

<a href="#title1">Go to title1</a>
<a href="#title2">Go to title2</a>


/* Lots of space */

<a name="title1">Title 1</a>

/* Lots of space */

<a name="title2">Title 2</a>