移动端BUG汇总

position:fixed问题

固定定位到底部会把最后一个元素盖住

你会发现最后一个字被盖住了，并且还滚动不下去。

解决方法：

给后一个元素添加一个高度，或者给body加margin-bottom

代码如下：

<p>
	啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	什么什么什么什么什么什么什么啊啊啊啊
</p>
<div id="box"></div>

<style>
	body::after{
		content:'';
		display:block;
		margin-bottom:50px;
	}
	p{
		width:3px;
	}
	#box{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		height:30px;
		background-color:red;
	}
</style>

长期更新