如何让panelSnap插件在包装器中使用元素

时间:2013-10-17 21:41:15

标签: jquery scrolltop vertical-scrolling

我尝试使用panelSnap插件,当我想滚动到的元素位于标记内时,它已经运行了。

但是,当我尝试相同的东西,但在包装器中使用元素时,它不再起作用了。

使用Chrome我收到以下错误消息: '未捕获的TypeError:无法读取未定义'

的属性'top'

我创造了一个jsFiddle,以确保我不疯狂! http://jsfiddle.net/7K2CT/6/

var options = {
    $menu: $('header .menu'),
    panelSelector: 'section.panel',
    directionThreshold: 200,
    slideSpeed: 500
};
$('#wrapper').panelSnap(options);

1 个答案:

答案 0 :(得分:5)

首先,将这些样式添加到包装器中:

position: absolute;
overflow: scroll;

然后从您的选项中取出panelSelector: 'section.panel',它应该有效。您可能希望在之后微调您的选项。 Here's a fiddle