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

所以我有一个简单的2滑块部分使用fullpage.js。FullPage.js - 滑块自动滚动到顶部部分每次

问题：我想补充一个滚动条，这是我用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>

任何想法，为什么发生这种情况？

此外：也可以使滑块箭头更小？它在手机屏幕上太大了。

来源

2017-08-27 Shaz

使用fullpage.js选项fitToSection:false

来源

2017-08-28 09:42:58 Alvaro

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

回答

相关问题