fullpage.js scrollOverflow:false 时一节滑块滚动条自动滚动到顶部问题

Question

当我们在移动设备中禁用 scrolloverflow 以使用更平滑的普通滚动时，但是当您向下拖动滚动条时滑块会自动滚动到顶部..

效果见下面的代码片段，尝试以小宽度查看 window，滚动到任何地方并停止，滚动条最终会自动滚动到顶部。
我们可以使用任何选项设置或方法来解决这个问题吗？

$('#fullpage').fullpage({
     
  paddingTop: '10px',
  verticalCentered: false,
  slidesNavigation: true,
  slidesNavPosition: 'bottom',
  css3: true,
  scrollOverflow: false,
  autoScrolling: false,
  controlArrows: false,
});

.slideOne {
  background-color: #99CCFF;
}
.slideTwo {
  background-color: #FF66FF;
}
.slideThree {
  background-color: #00CC99;
}
/* overriding styling when turning down the slimscroll overflow option */

.fp-section,
.fp-slide,
.fp-tableCell {
  height: auto !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://alvarotrigo.com/fullPage/jquery.fullPage.css">
<script type='text/javascript' src="http://alvarotrigo.com/fullPage/vendors/jquery.easings.min.js"></script>
<script type='text/javascript' src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script>

<div id="fullpage">
  <div class="section" id="section0">
    <div class="slide slideOne">first slide long long long long long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long
      longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong
      long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long longlong long long text</div>
    <div class="slide slideTwo">second slide in slideshow</div>
    <div class="slide slideThree">third slide in slideshow</div>
  </div>
</div>

link 到 fullpage.js 选项：https://github.com/alvarotrigo/fullPage.js/#user-content-options

Answer 1

您可能想要使用选项 fitToSection:false。详细in the docs:

fitToSection: (default true). Determines whether or not to fit sections to the viewport or not. When set to true the currente active section will always fill the whole viewport. Otherwise the user will be free to stop in the middle of a section (when )

fullpage.js scrollOverflow:false 时一节滑块滚动条自动滚动到顶部问题

fullpage.js one section slider scrollbar autoscroll toTop issue when scrollOverflow:false

jquery

css

scroll

fullpage.js