Vant插件Refresh 下拉刷新時(shí)BUG

????????????????????????????????????Refresh下拉的時(shí)候會(huì)出現(xiàn)滾動(dòng)就刷新的情況

? ? ? ? 1、父級(jí)容器不存在overflow:hidden時(shí):

? ? ? ? 2、當(dāng)使用Refresh插件時(shí),如果存在當(dāng)van-refresh組件的父級(jí)overfow-y:scorll 的樣式時(shí),選中的滾動(dòng)條為父級(jí)元素,此時(shí)當(dāng)body內(nèi)部容器撐開頁(yè)面元素時(shí)(也就是body存在滾動(dòng)條時(shí)):

下拉未到頂部直接刷新

? ? ? ? 解決方案:

? ? ? ? 1、給父級(jí)容器加上overflow:hidden

? ??????????.mobile-content {

????????????????????padding-bottom:1.5rem;

? ? ????????????????overflow:hidden;

? ? ? ? ? ? ? }

? ? ? ? 2、設(shè)置van-refresh組件的父級(jí)組件的正確高度,使body的高度不會(huì)出現(xiàn)滾動(dòng)條。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容