记mui之 “h5页面ios 多个input切换时页面会回到顶部”

最新推荐文章于 2024-07-06 00:55:47 发布

mister_snail

最新推荐文章于 2024-07-06 00:55:47 发布

阅读量710

点赞数 1

分类专栏： mui

本文链接：https://blog.csdn.net/Mister_SNAIL/article/details/109076158

版权

mui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

当在iOS设备上，页面滑动到底部后，点击input输入文字，随后点击别处，页面会意外滚回顶部。这个问题可以通过调整CSS样式来解决。关键在于设置html和body的height为100%，overflow为hidden，并禁用默认触摸行为和选择，同时确保mui-content的高度自适应并启用滚动。

摘要由CSDN通过智能技术生成

问题描述：ios端页面滑动至最底部，点击input框输入文字等，点击其他地方，页面滚动条会滚动到顶部。

解决方法：

html, body {
    margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.mui-content {
	height: 100%;
	overflow: auto;
}