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

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

概述我有一个关于CSS中的捕捉点的问题( resource, browser-support).我想在整个身体中完全正常滚动,直到后一个“隐藏”部分.当用户滚动到最后一部分的底部时,视口应与本部分的底部对齐(与最后一节的顶部相同).当用户尝试滚动浏览这个按钮时,应该只能克服特定的阈值. 我已经将我的问题可视化,以便更好地了解,我深深希望这是可能的,目前的捕捉点规范. 这是我可以得到它使用Alvaro 我有一个关于CSS中的捕捉点的问题( resource,browser-support).我想在整个身体中完全正常滚动,直到后一个“隐藏”部分.当用户滚动到最后一部分的底部时,视口应与本部分的底部对齐(与最后一节的顶部相同).当用户尝试滚动浏览这个按钮时,应该只能克服特定的阈值.

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

@H_502_7@解决方法 这是我可以得到它使用Alvaro Trigo的漂亮的图书馆 pagePiling:

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

内容的组织如下:

<div ID="pagepiling">  <div  ID="section1">      <p>Content that scrolls normally</p>    </div>    <div  ID="hIDden">      <p>Not scrollable</p>    </div>    <div  ID="section2">      <p>Content that scrolls normally again</p>    </div></div>

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

总结

以上是内存溢出为你收集整理的html – 在页面最后一部分之前的视口底部的单滚动快照点全部内容,希望文章能够帮你解决html – 在页面最后一部分之前的视口底部的单滚动快照点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1100730.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存