jscrollpane 在文档加载时自动滚动？答案

【问题标题】：jscrollpane Auto scroll on document loading?jscrollpane 在文档加载时自动滚动？
【发布时间】：2011-04-10 22:09:55
【问题描述】：

我正在尝试为 jscrollpane 实现启动自动滚动页面加载。原因是当有很多内容时使用锚链接滚动到窗格区域中的元素似乎会弄乱滚动高度的计算。

这里的例子： http://sunlight.pixelalchemy.com.au/tiltrak

（页面加载后点击最下面的链接“Bottom weights”，你会看到问题）

如果您先使用手动滚动（拖动蓝色条）。然后使用它工作正常的链接。所以我试图让它在页面加载时自动滚动到顶部的元素，以模仿似乎作为解决方案工作的内容。（使用 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');

两者似乎都不起作用。

请帮忙，我是 jQuery 的新手，我真的尝试过对这个排序并花了很多时间，所以我很乐意收到任何帮助。

【问题讨论】：

标签： jquery jscrollpane autoscroll jquery-jscrollpane

【解决方案1】：

看起来您使用的是非常旧版本的 jScrollPane (v1) 而不是当前版本 (v2)。您可以在此处找到当前版本，并且可能会发现它更易于使用：

http://jscrollpane.kelvinluck.com/

这里有一个使用API的scrollToY方法的例子：

http://jscrollpane.kelvinluck.com/scroll_to.html

基本上您需要引用the API，然后您只需调用scrollToY（或scrollToElement）...

【讨论】：