鍍金池/ 問答/HTML/ chrome mint-ui 的 loadMore 上拉加載事件無法觸發(fā)

chrome mint-ui 的 loadMore 上拉加載事件無法觸發(fā)

clipboard.png
上圖是QQ瀏覽器上的效果，但是chrome無法觸發(fā)

<mt-loadmore :auto-fill="loadMoreConfig.autoFill" :bottom-method="loadBottom"
                 :bottom-all-loaded="loadMoreConfig.allLoaded" ref="loadmore"
                 :bottomDistance="loadMoreConfig.bottomDistance">
                 </mt-loadmore>

data里的config：

loadMoreConfig: {
          bottomDistance: 100,
          autoFill: false,
          allLoaded: false,
        }
回答
編輯回答
笨尐豬

這幾天在邊開發(fā)邊解決這個(gè)問題，早上發(fā)現(xiàn)問題的關(guān)鍵：

clipboard.png

我會(huì)在loadMore外面包一層div div的css是overflow-y:scroll;
重點(diǎn)是這樣沒效果，還要在mounted上給.listBox加一段：
$(".listBox").css('height',$(window).height()+'px')確保外層div的高度不大于窗口高度這樣能實(shí)現(xiàn)我想要的效果。

2017年12月7日 11:57
編輯回答
瘋子范

需要給包裹mt-loadmore的div 設(shè)置 overflow-y: scroll;

2018年4月21日 09:22