Question

所以我有一个使用fullpage.js的简单2滑块部分。

问题：我想添加一个滚动条，我使用autoScrolling完成了滚动条（因为您不仅可以通过单击滚动条滚动，还可以滚动鼠标滚动）。 问题是当滑块自动移动时页面会跳转到顶部。

例如，如果我正在查看页脚部分（滑块下方的任何内容），它将自动跳转到顶部。

HTML

<div class="hero-box">
    <div id="slide-wrapper">
        <div class="section">
            <div class="slide">
                <picture>
                    <source media="(max-width: 620px)" srcset="img/hero-slider-mobile.jpg">
                    <source media="(min-width: 621)" srcset="img/hero-slider-tablet.jpg">
                    <img src="img/hero-slider-home.jpg" alt="Flowers" style="width:100%;">
                </picture>
            </div>
            <div class="slide">
                <picture>
                    <source media="(max-width: 620px)" srcset="img/slide-2-mobile.jpg">
                    <source media="(min-width: 621)" srcset="img/slide-2-tablet.jpg">
                    <img src="img/slide-2-home.jpg" alt="Flowers" style="width:100%;">
                </picture>
            </div>
        </div>
    </div>
</div>

JAVASCRIPT

<!-- Call the fullpage slider script on slide-wrapper id -->
<script type="text/javascript">
    $(document).ready(function() {
        $('#slide-wrapper').fullpage({
            css3: true,
            loopBottom: true,
            autoScrolling: false,
            afterRender: function() {
                setInterval(function() {
                    $.fn.fullpage.moveSlideRight();
                }, 3000);
            }
        });
    });
</script>

为什么会发生这种情况？

另外：还可以缩小滑块箭头吗？它在移动屏幕上太大了。

Answer 1

使用fullpage.js选项import sys sys.stdout = open('file', 'w') print 'hello'

FullPage.js - 每次滑块自动滚动到顶部

1 个答案: