使用bootstrap-modal modalOverflow检测滚动事件?

And*_*Gee 5 html javascript css jquery twitter-bootstrap

我有一些工具提示,我的模态中使用了日期选择器.如何检测溢出模态是否已滚动,以便我可以重新定位任何打开的浮动元素并根据模态滚动位置重新定位它们?谢谢

window.scroll没有开火!

这里有一个例子:长模态(页面底部) http://jschr.github.io/bootstrap-modal/

And*_*Gee 6

好的,我把它分类了.scroll事件不会传播到DOM的文档级别,因此$(document).on不起作用.我用这个黑客来解决这个问题.

确实有效.

$(document).on("shown", "#modalcontact", function() {
    $(".modal-scrollable").unbind("scroll");
    $(".modal-scrollable").scroll(function(){
        //do stuff
    });
});
Run Code Online (Sandbox Code Playgroud)

没用.

$("#modalcontact").modal({
    shown: function (){
        $(".modal-scrollable").scroll(function(){
            //do stuff
        });     
    }
});
Run Code Online (Sandbox Code Playgroud)

没用.

$(document).on("scroll", ".modal-scrollable", function(){
    //do stuff
});
Run Code Online (Sandbox Code Playgroud)

  • 你在哪个元素上设置了模态可滚动类? (2认同)

Nik*_*kov 2

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

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

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