2011-04-10 54 views
1

我试图启动一个自动滚动的页面负载JScrollPane中实现。是的原因是使用锚链接滚动到窗格区域元素时,有很多内容似乎搞砸了滚动高度的计算。jscrollpane自动滚动文档加载?

这里举例: http://sunlight.pixelalchemy.com.au/tiltrak

(后页面加载点击最低链接“底权”,你会看到这个问题)

如果使用手动滚动(拖动蓝条)第一。然后使用它工作的链接OK。所以我想,使其在页面加载时自动滚动到的一个元素的顶部模仿这似乎为解决工作。 (使用autoReinitialise似乎没有为我工作)

这个网站似乎做一个自动滚动到我试图复制在网站上的一类元素我工作:http://onomadesign.com/wordpress/identity-design/china-packaging-corporation/

我上网页代码来做到这一点:

$(function() 
      { 
       // Set up #pane4 and the links which scrollTo elements within it 

       var $pane4 = $('#contentPanel'); 
       $pane4.jScrollPane({animateTo:true}); 
       $pane4.scrollTo('.productInfo'); 
       $('a.scroll-to-element-demo').bind(
        'click', 
        function() 
        { 
         var targetElementSelectorString = $(this).attr('rel'); 
         $pane4[0].scrollTo(targetElementSelectorString); 
         return false; 
        } 
       ); 
      }); 
//left content panel slide in to appear on document ready 
$(document).ready(function() { 
    $("#mainContent").animate({"right": "+=673px"}, "3000"); 
}); 

我也试过把它添加到文件上准备部分(在页面JS的底部):

$("#mainContent").scrollTo('.productInfo'); 

两个似乎不WO RK。

请帮帮忙,我是新手到jQuery的谁真的想解决这一个,花了SOOO太多时间,所以有这方面的帮忙,我会非常乐意接受。

回答