bootstarp modal框居中顯示的實(shí)現(xiàn)代碼
更新時(shí)間：2017年02月18日 11:39:01 作者：安瑤
這篇文章主要介紹了bootstarp modal框居中顯示的實(shí)現(xiàn)代碼,需要的朋友可以參考下
bootstrap.js的大概1154行：
this.$element.css({
paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
})
后加：
// 是彈出框居中
var $modal_dialog = $(this.$element[0]).find('.modal-dialog');
var m_top = ( $(window).height() - $modal_dialog.height() )/2;
$modal_dialog.css({'margin': m_top + 'px auto'});
}
P.S. 需要的東西每次都要查一遍太麻煩了。以后注意整理。
以上所述是小編給大家介紹的bootstarp modal框居中顯示的實(shí)現(xiàn)代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
js將圖片轉(zhuǎn)base64的兩種實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于js將圖片轉(zhuǎn)base64的兩種實(shí)現(xiàn)方法,Base64是網(wǎng)絡(luò)上最常見的用于傳輸8Bit字節(jié)碼的編碼方式之一,Base64就是一種基于64個(gè)可打印字符來表示二進(jìn)制數(shù)據(jù)的方法,需要的朋友可以參考下2023-07-07
不刷新網(wǎng)頁就能鏈接新的js文件方法總結(jié)
在本篇文章里小編給大家整理的是關(guān)于不刷新網(wǎng)頁就能鏈接新的js文件方法總結(jié)，需要的朋友們參考下。2020-03-03
利用百度地圖JSAPI生成h7n9禽流感分布圖實(shí)現(xiàn)代碼
本文將詳細(xì)介紹下如何使用百度地圖JSAPI生成的H7N9感染分布圖，有對(duì)百度api感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
一個(gè)JavaScript函數(shù)把URL參數(shù)解析成Json對(duì)象
一個(gè)JavaScript函數(shù)parseQueryString，它的用途是把URL參數(shù)解析為一個(gè)對(duì)象，很實(shí)用，大家可以看看2014-09-09
js可以利用dom非常輕松的就可以遍歷一個(gè)表格。當(dāng)然只要是dom中有的所有對(duì)象都可以通過js來訪問和處理2013-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
使用JavaScript為一張圖片設(shè)置備選路徑的方法
在做網(wǎng)頁開發(fā)的時(shí)候，有時(shí)候希望給圖片設(shè)置一個(gè)備選路徑，即，當(dāng)src屬性對(duì)應(yīng)的主路徑加載失敗的時(shí)候，圖片可以馬上切換到備選路徑，怎么實(shí)現(xiàn)呢?下面通過本文給大家分享JavaScript為一張圖片設(shè)置備選路徑的方法，一起看看吧2017-01-01
這篇文章主要為大家介紹了WebGL?繪制與變換使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
一文詳解Web Audio瀏覽器采集麥克風(fēng)音頻數(shù)據(jù)
這篇文章主要為大家介紹Web Audio瀏覽器采集麥克風(fēng)音頻數(shù)據(jù)實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
一文詳解如何使npm-scripts更好維護(hù)的配置方法
這篇文章主要為大家介紹了如何使npm-scripts更好維護(hù)的配置方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06