bootstrap modal 關閉時右側滾動條消失,頁面左移的解決方法
問題描述:頁面在開啟Modal之前右側有滾動條,Modal關閉之後,body中的class="modal-open"和style="padding-right: 17px;"並未被移除,導致滾動條消失,並且頁面左移,開啟並關閉Modal一次,頁面左移一次,一直累加。
body中被新增的class和樣式未被移除的原因一直未找到,目前的解決方法是在關閉Modal時觸發一個事件,程式碼如下:
<script type="text/javascript">
window.onload = function() {
$('.modal').on('hide.bs.modal', function() {
$("body").removeClass('modal-open');
$("body").css('padding-right','0px');
})
};
</script>
問題解決
相關推薦
bootstrap modal 關閉時右側滾動條消失,頁面左移的解決方法
Bootstrap Modal 關閉時右側滾動條消失,頁面左移的解決方法問題描述:頁面在開啟Modal之前右側有滾動條,Modal關閉之後,body中的class="modal-open"和style="padding-right: 17px;"並未被移除,導致滾動條消失,並且頁面左移,開啟並關閉Modal一
Bootstrap Modal 關閉時引起的問題(滾動條和樣式殘餘)
我在使用bootstrap3.0時,用了他的modal 功能開啟一個模態框時,在關閉modal時,bootstrap沒有清除它開啟的樣式,有餘留樣式,造成我的頁面的滾動條消失了(開啟modal前是有滾動條的),程式碼如下: ....省略部分程式碼
Android 軟鍵盤彈出時把佈局頂上去,控制元件亂套解決方法
解決辦法:方法一:在你的activity中的oncreate中setContentView之前寫上這個程式碼getWindow().setSoftInputMode(WindowManager.Lay
多個modal重疊,導致modal滾動條消失事件
因為最近一直在用modal,modal上再出現modal也是常見的, 但是遇到了一個bug---例如在modal1上彈出一個modal2,關閉modal2之後,會導致modal1滾動條消失,無法滾動。hack:就是在css樣式中,增加一個樣式:.modal{overflow:
Bootstrap Table 定時重新整理固定滾動條的位置
場景:一張內容很大的表格,每隔一段時間重新整理資料,使用者看資料的時候突然重新整理了,由於重新整理後滾動條彈到頂部,這時客戶再找剛才看的內容,就比較困難了,如何解決了? 思路:首先獲取滾動條的位置,然後定時向後臺請求資料的時候,把獲取的滾動條的位置設成滾動到的位置。 主要程式碼: var
Bootstrap模態框新增滾動條(一級)
/*不使用頁面的滾動條*//*css:給模態框設定overflow-y: hidden;即為取消掉頁面滾動條的使用*/#HelpModal{margin-top: 95px;height: 300px;overflow-y: hidden;} /*新增滾動條*/.modal-content {overflow
微信小程式隱藏右側滾動條
微信小程式隱藏右側滾動條 當頁面元素列表過多的時候,右側會默認出現一個很難看的滾動條,這個時候就需要寫程式碼將這個滾動條隱藏起來了。 其實方法很簡單;只需要在wxss裡面新增這樣的一段程式碼即可 ::-webkit-scrollbar{ width: 0; hei
滾動條事件,當頁面滾動到距頂部一定高度時某DIV自動隱藏和顯示
當頁面滾動到距頂部一定高度時某DIV自動隱藏和顯示 $(function () { //繫結滾動條事件 //繫結滾動條事件 $(window).bind("scroll"
超出父容器時不要滾動條但是要滾動條效果
<html><head><title>留滾動效果,去除滾動條</title></head><style></style><body ><div id='father' sty
限制div高度當內容多了溢位時顯示滾動條
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxm
.net頁面重新整理時保持滾動條的位置
只需在頭部檔案加上紅色屬性即可 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" Title="" MaintainScrollPos
iOS端html中的iframe樣式錯誤(滾動條消失)
標題專案中需要將html頁面分別封裝成安卓app和iOS,頁面在安卓上執行正常,但是在iOS中,iframe樣式錯誤,沒有了滾動條,將頁面撐開了(iframe中引用的是富文字編輯器頁面) 標題
bootstrap柵欄佈局下水平滾動條的處理
Bootstrap的柵欄佈局,本意是將當前瀏覽器視窗,劃分為12列,來進行自適應,以求達到可以相容各個大小的瀏覽器視窗 然而我遇到了,有表格(而且表格特別多列) 需求:需要水平滾動條的 解決辦法
顯示scrollview時對滾動條進行任意位置的定位
在android開發中很多時候會遇到一屏顯示不下所有內容的現象,那大家也知道這個時候肯定會想到用scrollview來進行滾屏顯示。 這個時候由於某些需求,會要求在最開始顯示scrollview的時候就定位到某一處,這篇博文就是來講這個的哈~ 首先,scrollView.s
jquery zTree內容過寬時加滾動條
當zTree的樹形列表太寬時,有時會溢位,在載入Tree的ul上設定overflow:auto,就可以在tree過寬時出現滾動條了! 修改前: <div class="col-md-8">
overflow滾動條消失小技巧
模擬滾動條在工期緊張情況下,會比較煩心。但是又想要滾動效果,又不想看到滾動條怎麼辦呢?? 當然有scroolbar等一系列css屬性可用。但是相容性真不心水啊。為了儘快完成開發,什麼劍走偏鋒都要來
ios UITableView修改右側滾動條的顏色
系統的方法 只有幾種顏色 typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) { UIScrollViewIndicatorStyl
如何判斷滾動條滾到頁面底部並執行事件
microsoft ext scrollto [0 cli 很好 top view 加載 首先理解三個dom元素,分別是:clientHeight、offsetHeight、scrollTop。 clientHeight:這個元素的高度,占用整個空間的高度,所以,如果一個
如何操作滾動條時間,實現文檔摘要
align spa menu 學習 select fixed cto 模塊 click html: <div class="mg menu"> <div> <ul>
css自定義滾動條樣式,自定義文字選擇樣式,設置文字不被選擇
sed 分享 play gpo radi https cal hid 右移 ::-webkit-scrollbar 滾動條整體部分 ::-webkit-scrollbar-thumb 滾動條裏面的小方塊,能向上向下移動(或往左往右移動,取決於是垂直滾動條還是水平滾動條)