1

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

此处示例：http: //sunlight.pixelalchemy.com.au/tiltrak

（页面加载后点击最低的链接“底部权重”，你会看到问题）

如果您先使用手动滚动（拖动蓝色条）。然后使用它工作正常的链接。所以我试图让它在页面加载时自动滚动到顶部的元素，以模仿似乎作为解决方案工作的内容。（使用 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 的新手，他真的试图对这个进行排序并花了很多时间在上面，所以任何关于这方面的帮助我都会很高兴收到。

4

1 回答 1

1

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

http://jscrollpane.kelvinluck.com/

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

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

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

于 2011-04-13T08:34:27.487 回答