react開發(fā)中ant抽屜組件多層調(diào)用后頁面被鎖死Bug處理

bug:

????????react ant框架中抽屜組件的使用。

????????????1.當(dāng)調(diào)用多層抽屜,收起多層抽屜后,頁面被鎖死,無法滾動(dòng)。

????????????2.當(dāng)在多層抽屜中,調(diào)用創(chuàng)建form表單后,返回頁面的時(shí)候,頁面被鎖死,無法滾動(dòng)。

season:

? ? ? ? ? ? 在body中添加了內(nèi)聯(lián)樣式=>style="touch-action: none; position: relative; width: calc(100% - 17px); overflow: hidden;"

resolve1:

????????將內(nèi)聯(lián)樣式overflow: hidden刪除;

resolve2:

????????將內(nèi)聯(lián)樣式overflow屬性設(shè)置為auto【overflow: auto】

resolve3:

????????簡單粗暴解決=>在樣式中

????????body {

? ? ? ????????overflow:auto? !importan

????????}

resolve4:(推薦使用)

????????JS動(dòng)態(tài)添加樣式:

????????????const node = document.getElementsByTagName("body")[0]

? ? ? ? ? ? node.style.overflow = "auto"

?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、v-model默認(rèn)的觸發(fā)條件是input事件,加了.lazy修飾符之后,v-model會(huì)在change事件觸發(fā)...
    Dockerps閱讀 389評(píng)論 0 2
  • 1.項(xiàng)目所遇到的問題集合 [if !supportLists]1.[endif]設(shè)置div的背景陰影 用:box-...
    一笑奈何_3bea閱讀 1,264評(píng)論 0 0
  • 本文主要講述頁面布局樣式方面涉及的知識(shí)點(diǎn),更全面的對(duì)CSS相應(yīng)的技術(shù)進(jìn)行歸類、整理、說明,沒有特別詳細(xì)的技術(shù)要點(diǎn)說...
    Joel_zh閱讀 1,164評(píng)論 0 1
  • client,page和screen的區(qū)別? clientX,clientY是觸摸點(diǎn)相對(duì)于viewport視口x,...
    change_22fa閱讀 1,844評(píng)論 1 1
  • 漸變的面目拼圖要我怎么拼? 我是疲乏了還是投降了? 不是不允許自己墜落, 我沒有滴水不進(jìn)的保護(hù)膜。 就是害怕變得面...
    悶熱當(dāng)乘涼閱讀 4,480評(píng)論 0 13

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