vue-scroller icon indicating copy to clipboard operation
vue-scroller copied to clipboard

包含底部栏的页面,scroller的最后一项数据被挡

Open amourz opened this issue 7 years ago • 6 comments

如题,我的页面里有个底部栏div,postion:fixed;沉在底的。在滑动的时候发现,最后一项数据,以及noDataText被挡了,尝试用margin-bottom,padding-bottom,bottom调整都无效

amourz avatar Aug 03 '17 08:08 amourz

我也遇到了同样的问题,我当时是调整了height的大小,但是这样会导致一个问题,如果在不同大小屏幕的设备上显示时,scroller所占的百分比或者说绝对大小是不一样的,这样,又会出现您说得这种情况,不知道又什么办法解决。 我试图将socrller放到div中,但是发现并没有效果

li-zemin avatar Aug 10 '17 00:08 li-zemin

@li-zemin 有比较好的vue下拉刷新和上拉加载插件推荐吗?找了几个,都存在一定的bug。

amourz avatar Aug 16 '17 06:08 amourz

或者你写个一元素 判断数据加载条数都最底了 就显示 把scroller 里面的内容往上顶

justinzpc avatar Aug 23 '17 02:08 justinzpc

这个确实不是很好,我现在自己都是按具体页面下面被遮挡的高度,在页面的最下面加一个一样高度的div。但我还没想好咋改,一方面是因为已经有很多项目页面用到这个组件了,改这个很难向下兼容。另一方面是以为很多项目中的经验发现,具体要补白多大的高度要根据业务。

wangdahoo avatar Aug 23 '17 10:08 wangdahoo

写一个空div,高度和fixed 的元素高度一致,可以解决。这个也可以用来解决margin-bottom 和 pading-bottom 在IOS下失效的问题。

donghaina avatar Oct 17 '17 04:10 donghaina

@taosang1992 直接加载scroller里最下面的话会在loading图标和最后一个之间有个空隙,而且infinite的回调函数也不执行了。。。 请问你是怎么加的呢?

see311 avatar Dec 06 '17 03:12 see311