当我们在移动设备中禁用滚动溢出以使用更平滑的正常滚动时,但是当您向下拖动滚动条时 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/