Question

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

我使用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>

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

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

谢谢！

Answer 1

尝试类似：

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

对于您使用的每个<button>，只需添加scroller类（例如）和data-id="THE DIV's ID"，以便函数知道要滚动到哪个<div>。

看到这个小提琴：http://jsfiddle.net/matthewbj/LaC7v/

scrollTo函数中的插件

1 个答案: