html - 在页面最后一部分之前的视口底部的单个滚动捕捉点

Question

我有一个关于CSS 中的捕捉点的问题（资源、浏览器支持）。我想在整个身体中完全正常滚动，直到后面的“隐藏”部分。当用户滚动到倒数第二部分的底部时，视口应该与该部分的底部对齐（与最后一部分的顶部相同）。当用户尝试滚动浏览这一快照时，它应该只能通过克服特定阈值来实现。

我已经可视化了我的问题以便更好地理解，我非常希望通过当前的捕捉点规范可以做到这一点。

Answer 1

这是我可以使用 Alvaro Trigo 的不错的库pagePiling 得到的：

http://codepen.io/anon/pen/NxaeZm

内容组织如下：

<div id="pagepiling">
  <div class="section pp-scrollable" id="section1">
      <p>Content that scrolls normally</p>
    </div>

    <div class="section" id="hidden">
      <p>Not scrollable</p>
    </div>

    <div class="section pp-scrollable" id="section2">
      <p>Content that scrolls normally again</p>
    </div>

</div>

中间部分劫持滚动，然后您可以继续滚动到第二部分，该部分再次像普通页面一样滚动。我无法添加访问中间部分的阈值。我把它留给你。祝你好运！