gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 07:51:14 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com