如下情况，假设有多个按钮（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......