vue-scroller
vue-scroller copied to clipboard
包含底部栏的页面,scroller的最后一项数据被挡
如题,我的页面里有个底部栏div,postion:fixed;沉在底的。在滑动的时候发现,最后一项数据,以及noDataText被挡了,尝试用margin-bottom,padding-bottom,bottom调整都无效
我也遇到了同样的问题,我当时是调整了height的大小,但是这样会导致一个问题,如果在不同大小屏幕的设备上显示时,scroller所占的百分比或者说绝对大小是不一样的,这样,又会出现您说得这种情况,不知道又什么办法解决。 我试图将socrller放到div中,但是发现并没有效果
@li-zemin 有比较好的vue下拉刷新和上拉加载插件推荐吗?找了几个,都存在一定的bug。
或者你写个一元素 判断数据加载条数都最底了 就显示 把scroller 里面的内容往上顶
这个确实不是很好,我现在自己都是按具体页面下面被遮挡的高度,在页面的最下面加一个一样高度的div
。但我还没想好咋改,一方面是因为已经有很多项目页面用到这个组件了,改这个很难向下兼容。另一方面是以为很多项目中的经验发现,具体要补白多大的高度要根据业务。
写一个空div,高度和fixed 的元素高度一致,可以解决。这个也可以用来解决margin-bottom 和 pading-bottom 在IOS下失效的问题。
@taosang1992 直接加载scroller里最下面的话会在loading图标和最后一个之间有个空隙,而且infinite的回调函数也不执行了。。。 请问你是怎么加的呢?