Возникли проблемы при работе ScrollToar Ариэля Флезлера - PullRequest
1 голос
/ 20 октября 2010

Я пытался реализовать плагин Ариэля Флезлера ScrollTo, но я, кажется, могу понять, как его инициировать. Это его сайт:

http://flesler.blogspot.com/

То, что я хотел бы сделать, это иметь статическую навигацию, и когда пользователь нажимает навигационную ссылку, содержимое прокручивается внутри определенного элемента div. У меня довольно хорошее понимание jQuery, и кажется, что этот плагин должен быть действительно простым в использовании, но документация вроде бы отстойная, чтобы продемонстрировать, как на самом деле его использовать.

1 Ответ

1 голос
/ 20 октября 2010

Питер прав, вы можете сделать это:

     $(document).ready(function(){

        $('a[href*=#]').click(function() {

          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')

          && location.hostname == this.hostname) {

            var $target = $(this.hash);

            $target = $target.length && $target 
            || $('[name=' + this.hash.slice(1) +']');
   if ($target.length) {

              var targetOffset = $target.offset().top;

              $('html,body')

              .animate({scrollTop: targetOffset}, 1000);

             return false;

            }

          }

        });

      });
...