scrollTo плагин в функции

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.

Приведенный выше пример, как следует из названия, является примером. Мне нужно, чтобы он был в функции, а не по нажатию кнопки.

Спасибо!

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/