在学习手机适配的时候,发现页面顶部设置fixed属性在滑动的时候会出现抖动,如下效果以及代码:
.top-search {
height: (40/@mysize);
padding: 0 (12/@mysize) 0 (18/@mysize);
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: (1/@mysize) solid #eee;
}
解决办法:添加如下代码
html,body{
height:100%;
overflow:auto;
margin: 0;
}
实现效果: