ios html fixed,ios下footer fixed定位的问题解决方案

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 }}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值