ios下footer fixed定位,页面向下scroll时footer不实时渲染问题。
class="search"
@click="goToSearch"
>
xxx
v-for="(item,index) in tabs"
:key="index"
class="tab"
>
{{ item }}
class="recommend"
ref="recommend"
>
xxxx
class="card"
v-for="(item,index) in list"
:key="index"
>
{{ item.name }}
xx:{{ item.xxx }}个
xx:{{ item.xx }}项
xx:{{ item.xx }}项
地址:{{ item.address }}
电话:{{ item.phone }}
因为ios下关闭了滚动实时触发属性,所以h5在ios下会有抖动问题。当滚动结束,footer才显现。
一直以为需要通过js才能解决,没想到改变下布局就完美解决啦~
footer与内容区不要在同一层级下布局,而是要高于页面内容区即可。
class="search"
@click="goToSearch"
>
xxx
v-for="(item,index) in tabs"
:key="index"
class="tab"
>
{{ item }}
class="recommend"
ref="recommend"
>
xxxx
class="card"
v-for="(item,index) in list"
:key="index"
>
{{ item.name }}
xx:{{ item.xxx }}个
xx:{{ item.xx }}项
xx:{{ item.xx }}项
地址:{{ item.address }}
电话:{{ item.phone }}