jquery - 如何让 panelSnap 插件与包装器内的元素一起使用

Question

我尝试了 panelSnap 插件，当我希望滚动到的元素位于标签内时，它就可以工作了。

但是当我尝试同样的事情但在包装器内使用元素时，它不再起作用。

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

我创建了一个 jsFiddle 以确保我没有疯! http://jsfiddle.net/7K2CT/6/

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

Answer 1

首先，将这些样式添加到您的包装器中:

position: absolute;
overflow: scroll;

然后从您的选项中取出panelSelector: 'section.panel'，它应该可以工作。之后您可能需要微调您的选项。 Here's a fiddle .