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)文章
如何使用require.context實(shí)現(xiàn)優(yōu)雅的預(yù)加載
這篇文章主要介紹了使用require.context實(shí)現(xiàn)優(yōu)雅的預(yù)加載?,需要的朋友可以參考下2023-05-05
網(wǎng)絡(luò)之美 JavaScript中Get和Set訪問器的實(shí)現(xiàn)代碼
前兩天IE9 Beta版發(fā)布了，對(duì)于從事Web開發(fā)的朋友們來說真是個(gè)好消息啊，希望將來有一天各個(gè)瀏覽器都能遵循統(tǒng)一的標(biāo)準(zhǔn)。今天要和大家分享的是JavaScript中的Get和Set訪問器，和C#中的訪問器非常相似。2010-09-09
純CSS3代碼實(shí)現(xiàn)滑動(dòng)開關(guān)效果
CSS33D炫酷左右滑動(dòng)開關(guān)按鈕是一款非?？岬腃SS3 3D開關(guān)按鈕，點(diǎn)擊按鈕可以左右滑動(dòng)，就像開關(guān)打開閉合一樣的效果，通過本篇文章給大家介紹純CSS3代碼實(shí)現(xiàn)滑動(dòng)開關(guān)效果，需要的朋友可以參考下2015-08-08
使用JavaScript實(shí)現(xiàn)小球按照貝塞爾曲線運(yùn)動(dòng)
要在 JavaScript 中實(shí)現(xiàn)一個(gè)按照貝塞爾曲線運(yùn)動(dòng)的小球,關(guān)鍵是要掌握貝塞爾公式的基本原理和實(shí)現(xiàn)方式,以及使用 JavaScript 處理動(dòng)畫和物理運(yùn)算,感興趣的小伙伴跟著小編一起來看看吧2024-10-10
js實(shí)現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)
這篇文章主要介紹了js實(shí)現(xiàn)iframe框架取值的方法,可兼容IE,firefox,chrome等瀏覽器.涉及JavaScript針對(duì)框架元素取值的相關(guān)技巧,需要的朋友可以參考下2015-11-11
學(xué)習(xí)JavaScript一定要知道的3個(gè)小技巧
這篇文章主要給大家分享的是學(xué)習(xí)JavaScript一定要知道的3個(gè)小技巧，通常在 Angular 或 React 項(xiàng)目中，code review 時(shí)看到一些老式的 JavaScript 代碼，就會(huì)將開發(fā)人員歸類為初學(xué)者，下面我們就來一起看看初學(xué)者需要知道的三個(gè)小技巧,需要的朋友可以參考一下2021-12-12
javascript中函數(shù)作為參數(shù)調(diào)用的方法
這篇文章主要介紹了javascript中函數(shù)作為參數(shù)調(diào)用的方法,實(shí)例分析了函數(shù)作為操作調(diào)用的原理與相關(guān)技巧,需要的朋友可以參考下2015-02-02
JavaScript使用readAsDataURL讀取圖像文件
這篇文章主要為大家詳細(xì)介紹了JavaScript使用readAsDataURL讀取圖像文件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
如何根據(jù)url?批量下載二維碼實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了如何根據(jù)url批量下載二維碼實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
純javascript實(shí)現(xiàn)分頁(兩種方法)
有的時(shí)候頁面需要很多不同的表組成的數(shù)據(jù)，該怎么分頁呢？使用數(shù)據(jù)庫分頁很簡(jiǎn)單，那么如何使用js實(shí)現(xiàn)分頁呢？接下來，小編幫大家解決這個(gè)問題，需要的朋友一起來學(xué)習(xí)吧2015-08-08