每次打開可拖動模態都打開模態討論

Question

我有一個可拖動的模態窗口，用戶可以移動它。他們希望它在原來的位置打開，每次他們關閉窗戶並重新打開。我怎樣才能做到這一點？謝謝。

Answer 1

您可以立即使用bootstrap modal events

show.bs.modal此事件在該show實例方法被調用。如果由點擊引起，點擊的元素可用作事件的relatedTarget屬性。

默認情況下從頂部和如果的同時拖動模式的改變位置的引導模式滑了下來，它可以休息到原來的位置show.bs.modal當關閉並重​​新開啓下一次。

$('selector').on('show.bs.modal', function() { 
    // do something... 
}); 

Demo Fiddle modal slide and open in middle

在上述撥弄，添加自定義位置，以模態，從而模態滑動和打開在

.modalnewposition { 
    -webkit-transform: translateX(-0%) translateY(25%); 
    -moz-transform: translateX(-0%) translateY(25%); 
    -ms-transform: translateX(-0%) translateY(25%); 
    transform: translateX(-0%) translateY(25%); 
} 

HTML

<div id="myModal" class="modal fade modalnewposition" role="dialog"> 

然後創建另一頁面的中間類

.original { 
    transform: translate(0px, 0px); 
    transition: transform 0.3s ease-out 0s; 
    transition: opacity 0.15s linear 0s; 
} 

使用show.bs.modal我加入了original選擇到模態，因此調整它的位置，顯示之前和覆蓋modalnewposition選擇這樣的模態幻燈片，並在頂部敞開的，而不是頁面的中間。

$(document).ready(function() { 
    $('#myModal').on('show.bs.modal', function() { 
     $('.modal').addClass("original"); 
    }); 
}); 

Demo Fiddle modal slide and open at top

上面的例子只是爲了證明你問什麼是show.bs.modal功能實現的。

Answer 2

將此代碼添加到js和執行它每一次模態窗口關閉：

var scrollableContentOfModal = document.getElementById(...);// change it accordingly 

document.querySelector(scrollableContentOfModal).scrollTop = 0;