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