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

Question

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

在我的情况下，我有一个名为gallery的按钮，如果我点击它我希望我的页面移动 到同一页面上的图片库部分。

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作为选择器。