關(guān)于BootStrap modal 在IOS9中不能彈出的解決方法(IOS 9 bootstrap modal ios 9 noticework)
最近的項(xiàng)目用的bootstrap前端,手機(jī)剛剛更新IOS9發(fā)現(xiàn)其中的modal有個(gè)bug,首頁(yè)點(diǎn)彈出框會(huì)出現(xiàn)問(wèn)題,找了好多資料終于找到解決辦法。在CSS中加入以下代碼
CSS
body { padding-right: 0px !important } .modal-open { overflow-y: auto; }
PS:bootstrap datepicker 在bootstrap modal中不顯示問(wèn)題
可以通過(guò)在 input 輸入框之外 嵌套 <span style="position: relative; z-index: 9999;">
完美解決問(wèn)題。
修改前:
<div class="input-group"> <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}"> <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span> </div>
修改后:
<div class="input-group"> <span style="position: relative; z-index: 9999;"> <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}"> </span> <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span> </div>
以上所述是小編給大家介紹的關(guān)于BootStrap modal 在IOS9中不能彈出的解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
詳解JavaScript的Symbol類(lèi)型、隱藏屬性、全局注冊(cè)表
這篇文章主要介紹了JavaScript的Symbol類(lèi)型、隱藏屬性、全局注冊(cè)表,本文主要對(duì)其使用方法和使用場(chǎng)景做個(gè)簡(jiǎn)單的介紹,需要的朋友可以參考下2022-05-05JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法
這篇文章主要介紹了JS清除字符串中重復(fù)值的實(shí)現(xiàn)方法,涉及javascript數(shù)組與字符串的遍歷、比較及數(shù)學(xué)運(yùn)算相關(guān)技巧,需要的朋友可以參考下2016-08-08uniapp微信小程序獲取當(dāng)前城市名稱(chēng)逆地址解析實(shí)例教程
最近在用uni-app開(kāi)發(fā)小程序,需要獲取用戶(hù)所在城市,小程序本身沒(méi)有這樣的api,那么怎么實(shí)現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當(dāng)前城市名稱(chēng)逆地址解析的相關(guān)資料,需要的朋友可以參考下2022-11-11bootstrap中的 form表單屬性role="form"的作用詳解
這篇文章主要介紹了bootstrap中的 form表單屬性role="form"的作用詳解,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01JavaScript自定義錯(cuò)誤與擴(kuò)展Error的示例詳解
在任何應(yīng)用程序中,正確處理錯(cuò)誤都是至關(guān)重要的,JavaScript 提供了一個(gè)標(biāo)準(zhǔn)的 Error 對(duì)象來(lái)管理錯(cuò)誤,但在實(shí)際開(kāi)發(fā)中,通常需要針對(duì)特定場(chǎng)景定制錯(cuò)誤處理,這時(shí),自定義錯(cuò)誤和擴(kuò)展 Error 類(lèi)就顯得尤為重要,本文給大家介紹了JavaScript自定義錯(cuò)誤與擴(kuò)展Error的示例2025-01-01javascript設(shè)計(jì)模式 – 備忘錄模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 備忘錄模式,結(jié)合實(shí)例形式分析了javascript備忘錄模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框變更DIV顯示狀態(tài)的示例代碼
下面小編就為大家分享一篇JS實(shí)現(xiàn)點(diǎn)擊復(fù)選框變更DIV顯示狀態(tài)的示例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12