Javascript 滚动到函数中的插件

这很简单，所以我希望有人能帮助我

当调用函数时，我使用scrollTo插件滚动到div

例如：

 <script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
 <script type='text/javascript' src='scripts/jquery.scrollTo.js'></script>

 <div id='div1' style="margin-bottom:400px;"></div>
 <button onclick="scroll()"> scroll </button>

 <script>
  function scroll()
   {
  $.scrollTo( $('#div1'));
  alert('scroll');
    }
 </script>

纸卷
函数滚动（）
{
$。滚动到（$（'div1'）；
警报（“滚动”）；
}

这里的重点是我似乎不知道如何指定函数scrollTo

正如名字所说，上面的例子就是一个例子。我需要它在一个函数中，而不是一按按钮

谢谢

试试以下方法：

<button class="scroller" data-id="div1"> scroll </button>
<div id='div1' style="margin-bottom:400px;"></div>

<script>
$('.scroller').on('click', function () {
    var id = $(this).data('id');
    $.scrollTo($('#' + id));
    alert('scroll');
});
</script>

滚动
$（'.scroller'）。在（'click'，函数（）{
var id=$（this.data（'id'）；
$。滚动到（$（'#'+id））；
警报（“滚动”）；
});

对于您使用的每个

，只需添加

滚动器

类（例如）和

数据id=“DIV的id”

，以便函数知道滚动到哪个

---

看这把小提琴：

它不起作用了。。。检查一下，你提供的页面对我来说很好。尝试将您的

放在

上方，如我的示例所示。另外，将代码包装在相应的

、

和

标记中。在#div1下面，我添加了另一个div:。做了这个之后，按钮就起作用了。似乎利润率有问题