При загрузке прокрутки до div localscroll не работает - PullRequest
0 голосов
/ 20 декабря 2011

Привет, у меня проблемы с реализацией ответа на предыдущий вопрос

// on calling page
<a href="yourURL?scrollto=someanchor">Link</a>

// on "yourURL" page:
$(document).ready(function() {
   // check for "scrollto" parameter and if it exists
   // use Localscroll to move to specified anchor
   var match = /[?&]scrollto(?:=([^&]*))?/.exec(window.location.search);
   if( match != null ){
      var anchor = match[1];
      // your code to scroll to anchor here
   }
});

Я не был уверен, какой был «код для прокрутки до якоря» в отношении .localscroll. Я пробовал это, и, похоже, он не работает.

    $(document).ready(function() {
   // check for "scrollto" parameter and if it exists
   // use Localscroll to move to specified anchor
   var match = /[?&]scrollto(?:=([^&]*))?/.exec(window.location.search);
   if( match != null ){
      var anchor = match[1];
      $.localScroll({
        target: '#section3a', // could be a selector or a jQuery object too.
        duration:1000,
        hash:true,
        onBefore:function( e, anchor, $target ){
            // The 'this' is the settings object, can be modified
        },
        onAfter:function( anchor, settings ){
            // The 'this' contains the scrolled element (#content)
        }
    });
   }
});

Если кто-то ранее использовал localscroll, может, пожалуйста, помогите мне запустить функцию при загрузке документа, чтобы он прокручивался на # якорь

Я попробовал функцию scrollTo:

    $(document).ready(function() {
    $.scrollTo( '#section3a' , 1000) ;

    });

Что работает, но его нужно сместить слева -295 и сверху-120

В идеале, когда страница загружается, я хочу плавно перейти к другому разделу. Введение находится в середине длинной страницы.

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 20 декабря 2011

Нашли смещение. Я чувствую себя очень глупо, извините.

    $(document).ready(function() {
    $.scrollTo( '#section3a' , 1000, {offset: {top:-120, left:-295} }  );
});
...