fullpage.js scrollOverflow 不起作用，我根本无法向下滑动该部分

Question

scrollOverflow 属性在我的项目中不能正常工作，当内容溢出时没有滚动条，所以我写了一个简单的示例来找出问题所在。问题是当我在我的浏览器上检查这个时，无论点击还是滚动，它都不起作用，我只能看到第一部分。这是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link  rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.css" />
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.7/jquery.slimscroll.js"></script>
<script>
  $(function () {
            $('#dowebok').fullpage({         
                <!--loopHorizontal: false,-->
                navigation: true,
                css3:true,
                scrollOverflow: true
                })
      })
</script>
<div id="dowebok">
   <div class="section">section1</div>
   <div class="section">section2</div>
   <div class="section">section3</div>
   <div class="section">
   section4

    ...........
(contents which runs really long, larger than the size of the section)   

   </div>
   </div>  
</body>

</html>

Answer 1

问题似乎出在 fullpage.js 版本 2.8.1 上。

我使用 v2.7.7 fullpage.js 文件尝试了您的代码，它运行良好。我会对此发表评论，但我没有足够的权限。

编辑：问题似乎与 fullpage.js 无关，因为您需要在加载 fullpage.js 之前加载 scrolloverflow.js，如 fullpage.js 文档中所述。

fullpage.js scrollOverflow 不起作用，我根本无法向下滑动该部分

fullpage.js scrollOverflow doesn't work,I can't slide down the section at all

html

jquery

scroll

fullpage.js