html – 在页面最后一部分之前的视口底部的单滚动快照点

我有一个关于CSS中的捕捉点的问题( resource,browser-support).我想在整个身体中完全正常滚动,直到后一个“隐藏”部分.当用户滚动到最后一部分的底部时,视口应与本部分的底部对齐(与最后一节的顶部相同).当用户尝试滚动浏览这个按钮时,应该只能克服特定的阈值.

我已经将我的问题可视化,以便更好地了解,我深深希望这是可能的,目前的捕捉点规范.

解决方法

这是我可以得到它使用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>

中间部分劫持滚动,然后您可以继续滚动到第二部分,其再次滚动成正常页面.我无法添加门槛来访问中间部分.我把它留给你祝你好运！

原文地址：https://www.jb51.cc/html/230792.html