带有跳转链接的网页

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>