jscrollpane自动滚动文档加载?
我正在尝试为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");
});
我还尝试将其添加到on document ready部分(在页面底部的js):
$("#mainContent").scrollTo('.productInfo');
两者似乎都不起作用。
请帮助,我是jQuery的新手,他真的试图对这个问题进行排序并花了太多时间在上面,所以对此我提供的任何帮助我都会非常高兴收到。
没有找到相关结果
已邀请:
1 个回复
刷遍派戳