首先,页面是用的vue的框架,然后上拉加载更多,下拉刷新的功能是用的swiper这个插件。现在遇到的一个问题是,页面商品列表 编辑删除时,如果删除前拉到了底部,那么删除后,滑动盒子没有回弹删除的元素高度距离:
如图:
这是默认开始的样式
接下来是页面拉到底部的样式:
然后就是出现问题的样式:
当我删除最后一项列表时,仅管我调用了mySwiper对象的update方法刷新滑动盒子,但是,如图中节点样式上,swiper-wrapper这个节点的translate3d值仍然是删除节点前的值,所以导致左边示例中‘没有更多啦’后面空出一大截。
不知道大神们有没有明白这个问题出现的情形;
页面代码大概就是在删除列表方法中,请求后台接口的成功回调方法内,调用了一次mySwiper对象的update方法。页面数据是vue渲染上去的。
请教该如何解决这种情况??
另:补充一点,当出现这个问题后,如果页面再滑动一点点距离。那么页面滚动距离就正常了: