Javascript Fullpage.js节内的可滚动div不'；行不通

我想在fullpage.js的一个部分中有一个可滚动的div，但是当我包含

scrollOverflow:true

时，我得到了这个错误：

无法读取未定义的属性“scrollHeight”。

scrollOverflow库包括：

我想知道我错过了什么：

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    scrollOverflow: true
});
$('.fp-scrollable').slimScroll({
    alwaysVisible: true,
    color: 'black',
    size: '10px',
    allowPageScroll: true,
});

---

您的问题来自

scrollOverflow:true

。这可能意味着你的名字不见了。你有全部的细节

在未知对象上调用某个对象意味着在使用时尚未定义所需的对象。明智的做法可能是使用：

$(document).ready(function(){ /*code*/ });

避免出现问题。尽管它不能解决您当前的问题

——编辑-1的bcs

---

=>仍然为我的安瑟感到骄傲#EOF

您的标记似乎不是jquery.fullPage.js所期望的。它期望一个类为

fp scrollable

的元素有子元素，而JSFIDLE中不是这样

如果你移动这个类以便

<div class="section">
    <div class="test fp-scrollable">
    ...

...

变成

<div class="section fp-scrollable">
    <div class="test">
    ...

...

---

你会看到它起作用的。也许这不是您希望最终得到的标记，也许您希望进一步嵌套

。测试
，但无论如何，这会让您了解如何处理错误。
您只需要使用
scrollOverflow:true
并包含
scrollOverflow.min.js
文件，如中所述

scrollOverflow：（默认值为false）（与IE 8不兼容）定义当节/幻灯片的内容大于其高度时是否为其创建滚动。当设置为true时，您的内容将被插件包装。考虑使用委托或加载后面的回调中的其他脚本。如果将其设置为true，则需要供应商库scrolloverflow.min.js，并且应该在fullPage.js插件之前加载它。例如：



你在
中有一个例子，我不知道你为什么被否决，但你是对的。谢谢，我也不知道。不客气，很高兴这对你有帮助。我是fullPage.js的创建者，我投了反对票
fp scrollable
是fullPage.js使用的内部类，不应由开发人员添加。当使用
scrollOverflow:true
时，fullPage.js将在任何需要的地方添加所需的类。此外，他正在调用
slimScroll（）
，这不再有意义，因为fullPage.js不使用slimScroll，而是使用iScroll.js。如果他只是想要一个可滚动的div，他也可以使用
normalScrollElements
。哦还有提议的解决方案。你可能被fullpage.js的创建者Alvaro否决了。原因很明显是你建议使用slimScroll，尽管fullpage使用的是iScroll。看看对已接受答案的评论。还有谁能比造物主自己回答得更好呢！：D
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>