html - 有没有办法链接我的菜单按钮，以便我可以滚动到同一网页上的不同部分？

Question

我有一个带有一组菜单按钮的网页，我的问题是通过单击按钮向下滚动页面的最简单方法是什么，例如按钮中间将滚动到网页中间，按钮底部只需使用 html 向下滚动到底部/css。

就我而言，我有一个名为画廊的按钮，如果我点击它，我希望我的页面移动到同一页面上的图片库部分。

Answer 1

<a href='#random'>Go</a>
<div id='random'>Hello</div>

现在，当您单击“a”标签时，它将下拉到 id='random' 的 div

Answer 2

您还可以使用以下 jQuery 代码片段为滚动动作设置动画：

$('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

它以 ID 作为选择器。