Javascript 使用引导模式modalOverflow检测滚动事件?

Javascript 使用引导模式modalOverflow检测滚动事件?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有许多工具提示,日期选择器在我的模型中使用。如何检测溢出模式是否已滚动,以便重新定位任何打开的浮动元素并根据模式滚动位置重新定位它们? Thx window.scroll没有启动 这里有一个例子:Long modals(页面底部) 试试看 $(document).on('scroll', '.modal-scrollable', function(){ //your code here }); 滚动事件处理程序不仅可以绑定到窗口。好的,我对它进行了排序。 scroll事件不会传播到DOM的文

我有许多工具提示,日期选择器在我的模型中使用。如何检测溢出模式是否已滚动,以便重新定位任何打开的浮动元素并根据模式滚动位置重新定位它们? Thx

window.scroll没有启动

这里有一个例子:Long modals(页面底部) 试试看

$(document).on('scroll', '.modal-scrollable', function(){
//your code here
});
滚动事件处理程序不仅可以绑定到窗口。

好的,我对它进行了排序。 scroll事件不会传播到DOM的文档级别,因此
$(document).on
不起作用。 我用这个黑客绕过了它

这确实起了作用

$(document).on("shown", "#modalcontact", function() {
    $(".modal-scrollable").unbind("scroll");
    $(".modal-scrollable").scroll(function(){
        //do stuff
    });
});
$("#modalcontact").modal({
    shown: function (){
        $(".modal-scrollable").scroll(function(){
            //do stuff
        });     
    }
});
$(document).on("scroll", ".modal-scrollable", function(){
    //do stuff
});
这个不起作用

$(document).on("shown", "#modalcontact", function() {
    $(".modal-scrollable").unbind("scroll");
    $(".modal-scrollable").scroll(function(){
        //do stuff
    });
});
$("#modalcontact").modal({
    shown: function (){
        $(".modal-scrollable").scroll(function(){
            //do stuff
        });     
    }
});
$(document).on("scroll", ".modal-scrollable", function(){
    //do stuff
});
这个不起作用

$(document).on("shown", "#modalcontact", function() {
    $(".modal-scrollable").unbind("scroll");
    $(".modal-scrollable").scroll(function(){
        //do stuff
    });
});
$("#modalcontact").modal({
    shown: function (){
        $(".modal-scrollable").scroll(function(){
            //do stuff
        });     
    }
});
$(document).on("scroll", ".modal-scrollable", function(){
    //do stuff
});

你已经回答了你自己的问题,但我想补充一点,它也是这样运作的:

$("#modalcontact").modal().on('loaded.bs.modal', function(){
   $(this).parents('.modal-scrollable').scroll(function(){
      //Do stuff
   });
});

我一直在努力处理显示的事件,但这是因为内容是远程加载的。

这对我来说很有效,而之前的答案由于某种原因没有。但是我正在使用代码打开模式窗口,以便在显示之前动态地用内容填充它

 $('#modalcontact').modal('show');

 $(".modal-scrollable").unbind("scroll");
 $(".modal-scrollable").scroll(function () {
    $('body').append('Hey hey hey!');
 });

没什么:(它真的让我发疯了)你在哪个元素上设置了模态可滚动类?