jquery - fullpage.js 一节 slider 滚动条自动滚动到滚动溢出时的顶部问题 :false

标签 jquery css scroll fullpage.js

当我们在移动设备中禁用滚动溢出以使用更平滑的正常滚动时,但是当您向下拖动滚动条时 slider 会自动滚动到顶部..

效果见下面的片段, 尝试在小宽度窗口中查看, 滚动到任意位置并停止,滚动条最终会自行自动滚动到顶部。
我们可以使用任何选项设置或方法来解决此问题吗?

$('#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>

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

最佳答案

您可能想要使用选项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 )

关于jquery - fullpage.js 一节 slider 滚动条自动滚动到滚动溢出时的顶部问题 :false,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29914744/

相关文章:

javascript - jQuery UI 范围 slider 排序鼠标滚轮

javascript - jQuery 设置和问题

css - chrome 中不需要的单杠

angular - 如何检测滚动到html元素的底部

javascript - 外部下拉列表不过滤数据表

javascript - HTML Link 和 Jquery Live Only Works on First Try with a click

css - JavaFX tableview 删除默认的备用行颜色

html - CSS:背景在移动设备上不拉伸(stretch)

css - INPUT 提交的按下状态是否有 CSS 类?

javascript - 如何修复 jQuery 中的重复回调