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

【问题标题】：How can I get panelSnap plugin to work with element inside a wrapper如何让 panelSnap 插件与包装器内的元素一起使用
【发布时间】：2013-10-26 14:23:58
【问题描述】：

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

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

使用 Chrome 时，我收到以下错误消息： '未捕获的类型错误：无法读取未定义的属性'顶部'

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

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

【问题讨论】：

这里有同样的问题。你发现了吗？

标签： jquery scrolltop vertical-scrolling

【解决方案1】：

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

position: absolute;
overflow: scroll;

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

【讨论】：