如何使用 css 在 android 浏览器上进行弹性滚动
[英]How to do elastic scroll on android browsers with css
问题描述
我想在滚动端看到“过度滚动”。 它被称为弹性滚动，这是苹果设备的正常行为。
通常所有的问题都倾向于在 safari 中禁用此行为，但我想要相反的。
那么有什么方法可以用 css 为 android 浏览器（类似铬和火狐）做弹性滚动？ 或者至少有一个最小的js？
我已经尝试过滚动快照变体，但没有任何运气
<body>
<div id="app"><p>A very long lorem ipsum</p></div>
<div id="scrollOffset"></div>
</body>
body, html {
padding: 0;
margin: 0;
scroll-snap-type: y proximity;
}
#app {
background-color: aqua;
scroll-snap-align: start end;
scroll-snap-stop: always; /*< Do nothing and is disabled in FFx*/
}
#scrollOffset{
max-height: 25vh;
height: 25vh;
}
额外说明：你知道firefoxOS有一个独特的弹性滚动，它是凝胶状的，真的很独特，但市场只要求类似苹果的行为TT
0 个解决方案
如何在滚动时补偿 android 移动浏览器的隐藏地址栏？ 如何在所有浏览器中正确测量“vh”？
[英]How to compensate for hidden address bar of android mobile browsers on scroll? How to correctly measure 'vh' in all browsers?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.