IOS端小程序橡皮筋回弹效果解决方案
IOS端小程序橡皮筋回弹效果解决方案
本来是用的antd-mobile的NavBar组件,一个会固定在顶部的导航栏,但是IOS滑动会有"橡皮筋"效果,会拉出一大片空白,产品说导航栏没固定在顶部不行呀
相关资料说是用position: fixed可以解决,于是在页面根原素设置:
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
然后发现,好吧,页面自带的滚动条都滚动不了了,在需要滚动条的页面组件添加:
overflow-y: scroll;
页面就又可以滚动了。至此问题大概解决了。
ios"橡皮筋"滑动时的滚动条貌似是body的(大概可能应该),overflow-y: scroll设置的滚动条是组件的滚动条。这样就又没有"橡皮筋"效果,组件又有自己的滚动条滑动~
版权声明
本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。
评论