Question

怎么传参数给jquery函数

<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>

追问

好像不行啊伙计~

追答

你这样就可以看出效果了：

点击后滚动到here1
点击后滚动到here2

追问

看错了，，你的代码实测可行，分割给你了=，='

Answer 2

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

追问

先帮我解决当前问题吧

追答

我说的就是解决方案，你2个按钮都想要滚动条滚动到各自的位置，你觉得可能么？就好比2个人都需要你在同一时到达他们的身边，你能够做的到？！除非你分别操作的是不同的div之类的滚动条，而不是body的滚动条

追问

谢谢你了，我还要多学学啊