Catton IT 分享: modal

顯示具有 modal 標籤的文章。顯示所有文章

2015年4月2日星期四

因為之前為了要解決一個問題開啟 bootstrap modal會造成首頁內容左移 (shit to left)，css 設定如下

html {
  overflow: hidden;
  height: 100%;}

因為把 height設為 100%，所以捉取到的值永遠都是 0，但為了作到動畫效果 CSS Animation - 以小米為師，所以只好又把它修改回來。

相關文章：Bootstrap Modal immediately disappearing

剛好我就是這個原因，因為我是使用 asp.net mvc開發
不小心使用了 script.render載入了兩次 bootstrap.js，後來拿掉後就沒有這個問題了

解決方式 Twitter Bootstrap modal pushes html content to the left

主要的作法就是在 css加上如下內容

html {
  overflow: hidden;
  height: 100%;}
body {
  overflow: auto;
  height: 100%;}

/* unset bs3 setting */.modal-open {
 overflow: auto; 
}