关闭

IOS端小程序橡皮筋回弹效果解决方案

来源:网络 文章列表 2022-08-18 8
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设置的滚动条是组件的滚动条。这样就又没有"橡皮筋"效果,组件又有自己的滚动条滑动~

 

如您看完博文,仍不会的话,本站长提供付费技术支持服务,价格不高! 立即咨询

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论