Question

我是网络开发领域的新手，所以请原谅我在某些方面的无知：p

任何人都可以告诉跳转链接如何工作？以及如何实施它们？

让我举一个具体的例子，我想创建一个带有水平条的网站，我看到一些现代网站，这些链接不会改变页面，它们只是跳到另一个部分，如果我向上滚动，我最后回家了。

如何实现此功能并使用bootstap？

由于

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>

带有跳转链接的网页

2 个答案: