Question

我有一个分为两列的页面。第一列是固定的，第二列是垂直滚动的。目前，当您单击链接转到第二列时，它将平滑滚动到该锚点。

我尝试做的是：当用户尝试滚动时，它会让它们滚动，所以目前它们基本上可以滚动到锚点1和2的中间部分。我想要它如果用户滚动，就好像他们点击链接一样，它完全转到第二个锚点。如果用户向上滚动，那么它将完全转到第一个锚点，并且它们无法进入它的中间部分。

我知道fullpage.js已经这样做了，问题是我没有很多控制权。如果我能够手动完成这项工作，那么我可以控制当我在移动设备上时会发生什么。我正在使用此页面上的代码进行滚动：

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll

以及我的页面代码如下：

  <a name="#bespoke" id="bespoke"></a>
  <div class="v-image-1" style="height:100%">
    <div class="scroller">

      <div class="row no-margin">
        <div class="col-md-offset-1 col-md-10 no-padding">BESPOKE</div>
        <div class="col-md-1 no-padding"><a href="#targeted"><img src="images/but-scroll.png" alt="scroll" /></a></div>
      </div> 

    </div>
  </div>
<a name="targeted" id="targeted"></a>
<div class="v-image-2">
  <div class="scroller">

    <div class="row no-margin">
      <div class="col-md-offset-1 col-md-10 no-padding">TARGETED</div>
      <div class="col-md-1 no-padding"><a href="#bespoke"><img src="images/but-scroll.png" alt="scroll" /></a></div>
    </div>

  </div>
</div>

Answer 1

我知道fullpage.js已经这样做了，问题是我没有很多控制权。如果我能够手动完成这项工作，那么我可以控制当我在移动设备上时会发生什么。我正在使用此页面上的代码进行滚动：

您没有说明您缺乏控制权的原因。也许如果你能告诉我们你在fullPage.js中错过了什么，我们可以告诉你如何继续？

fullPage.js有很多功能，选项和回调。在其中，您可以找到多个响应式选项，例如responsiveWidth，responsiveHeight和responsiveSlides。在大多数情况下，它提供了您所需要的一切。

单击fullpage.js

1 个答案: