以下是移動(dòng)端 常見(jiàn)的問(wèn)題解答(如何簡(jiǎn)單解決移動(dòng)端彈出層滾動(dòng) body不滾動(dòng)的常見(jiàn)問(wèn)題)

首頁(yè)我們點(diǎn)擊篩選可以彈出層
<div class="hd">
<ul>
<li id="slidebar-tagger"><a href="javascript:void(0)">篩選<i></i></a></li>
</ul>

</div>
</div>此處為彈出層<div id="sliderbar"></div>

css樣式文件#sliderbar{ position:absolute; top:0; right:-80%; width:80%; background:#FFF; z-index:100002; transition: right 0.5s; height: 100%; overflow: auto;}

transition: right 0.5s;

滑動(dòng)出來(lái)的一個(gè)過(guò)渡速度 高度一定要為100%

overflow自動(dòng)jq文件原理:點(diǎn)擊菜單彈出層的同時(shí) body html禁止?jié)L動(dòng)

$('body,html').css({'height':'100%','overflow':'hidden'});

彈出層退出時(shí)釋放body html 解除禁止?jié)L動(dòng)

$('body,html').removeAttr("style");就是這么簡(jiǎn)單哦 不用去反鎖的計(jì)算啥啥可視高度 還是瀏覽器高度的

最后編輯于
?著作權(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ù)。

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,126評(píng)論 1 92
  • 本書介紹 你是不是對(duì)Django的學(xué)習(xí)感到迷茫?是不是對(duì)網(wǎng)上零星的教程感到絕望?是不是苦于沒(méi)有可以迅速上手的實(shí)例而...
    阡陌3536閱讀 1,406評(píng)論 0 0
  • 之前寫的是用jq寫的 過(guò)時(shí)了被我刪除了 現(xiàn)在的這個(gè)方法比較完善 說(shuō)的再多 不如復(fù)制運(yùn)行看一下效果吧image....
    陽(yáng)光之城alt閱讀 6,661評(píng)論 0 2
  • 寶寶們是不是夏天經(jīng)常會(huì)有遮不住肉的煩惱? 水桶腰,大粗腿 再加上一系列的身材問(wèn)題 在這個(gè)夏天,你的煩惱如肉肉一樣越...
    美姬醬閱讀 312評(píng)論 0 1
  • 多久了 再不敢了 那一年,無(wú)知的小孩,迷失在這個(gè)并不溫暖的世界。 那一年她二十歲。 死亡可怕嗎, 可怕。 那為什么...
    即止閱讀 331評(píng)論 0 0

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