在加载滚动到div localscroll不工作

时间:2011-12-20 13:31:40

标签: jquery scroll anchor

嗨,我无法实现对之前question

的回答
// 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,他们可以帮我在文档加载时触发一个函数,以便滚动到#anchor

我尝试过scrollTo功能:

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

    });

哪个有效,但它需要被左边的-295和前面的120

所抵消

理想情况下,当页面加载时,我想要平滑滚动到另一个部分。介绍是在长页的中间。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

找到偏移量。我觉得很傻,抱歉。

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