单击锚定链接（例如fullpage.js）时快速滚动

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 。 在大多数情况下，这提供了您所需的一切。