iPhone端Telegram React/Next.js应用长列表滚动元素意外截断问题
iPhone端Telegram内嵌React/Next.js应用长列表滚动元素截断问题
在iPhone端的Telegram内嵌React/Next.js应用里,滚动长列表时会出现元素意外截断的情况——有时元素会被截去一半,或是从任意位置被截断。这应该是渲染层面的问题,毕竟如果是CSS/JS控制元素显示隐藏,元素要么完全显示要么完全隐藏,不会出现这种部分截断的情况。而且这个问题时有时无,我试了好几种解决方案都没能彻底修复。
以下是我用来防止Telegram应用在向下滚动时关闭的CSS代码:
html.iphone-device{ overflow: hidden ; overscroll-behavior: none; body{ height: 100dvh !important; overscroll-behavior: none; overflow: auto; touch-action: initial !important; position: relative; scroll-behavior: unset; } }
问题截图:
内容的提问来源于stack exchange,提问作者Vijay Dhanvai
相关产品推荐
相关产品推荐

