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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/230792.html

猜你在找的HTML相关文章