如下情况，假设有多个按钮（a标签）我想滚动到别的位置，该怎么实现呢？

Question

<a href="#" onClick="click_scroll();">滚动</a>
上面这个是一个a标签，点击后可以滚动到页面指定的位置，这是通过jquery的动画取巧实现的，代码是可以执行的

<script type="text/javascript">
function click_scroll() {
var scroll_offset = $(“#here”).offset();
$("body,html").animate({scrollTop:scroll_offset.top},300);
}
</script>

<div style="height:500px" ></div>
<div id="here">点击后滚动到这里</div>
以上代码可以运行
那么下面问题来了
如果有多个按钮（a标签）我想滚动到别的位置，该怎么办，一开始我是这么想的：
<a href="#" onClick="click_scroll(#here1);">滚动到here1</a>
<a href="#" onClick="click_scroll(#here2);">滚动到here2</a>
<script type="text/javascript">
function click_scroll(a) {
var e = $(a);

var scroll_offset = $(a).offset();
$("body,html").animate({scrollTop:scroll_offset.top},300);
}
</script>

<div style="height:500px" ></div>
<div id="here1">点击后滚动到here1</div>
<div id="here2">点击后滚动到here2</div>
后来发现，我想多了，各大神，在吗，帮帮我~~~该怎么做

Answer 1

<a href="#" onClick="click_scroll('here1');">滚动到here1</a><a href="#" onClick="click_scroll('here2');">滚动到here2</a><script type="text/javascript">function click_scroll(a) {var e = $('#'+a);var scroll_offset = e.offset();$("body,html").animate({scrollTop:scroll_offset.top},300);}</script><div style="height:500px" ></div><div id="here1">点击后滚动到here1</div><div id="here2">点击后滚动到here2</div>

Answer 2

无论你怎么来实现多个滚动效果，你body的滚动条只有一个，真正的滚动到的位置是最后一个滚动的。前面的会依次被后面的给覆盖掉。就好比你定义变量var a=1;你需要吧a赋值成a=2，然后再赋值成a=3；那最后a的值就是3......