每次打开可拖动模态都打开模态讨论

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;