Question

我有一个模态，我在 Bootbox 中打开（使用最新的 Bootstrap 3.3.0 ）。代码非常简单：

$(document).on("click",".open-info-modal", function() {
    if (is_scrolling == false) {
        var the_el = JSON.parse( localStorage.getItem("notification"+$(this).attr('rel')) );
        var the_html = Mustache.to_html($('#leadPopupTemplate').html(), the_el);
        bootbox.alert(the_html,function() { });
        $('#the_message').css('height',$(window).height() - 150);
    } 
});

但是，在iOS 8（在我的iPad上），滚动条在 #the_message 上无法正常工作。令人烦恼的是，它有时候确实存在。您必须单击模式，然后再次单击以开始尝试滚动。

正文已添加 .modal-open ，所以这不是问题所在。令人讨厌的是，除了iOS8之外，它还可以用于一切！（没有旧版本的iOS进行测试，所以我无法检查它是否适用于以前版本的iOS）。

更新：好的，我放弃了 - 我花了无数个小时试图让它发挥作用，现在只是希望我能看到第三方＆＃34 ; jquery插件＆＃34;早。结束使用它，它解决了我的所有问题 - http://manos.malihu.gr/jquery-custom-content-scroller

Answer 1

尝试使用多指手势在iOS中实现滚动。有时会出现此问题。

Answer 2

好吧，那不是真正的答案＆＃34;因此 - 但我似乎能够解决这个问题的唯一方法（以及新的其他恼人的问题，例如滚动条并不总是可见），是使用第三方插件：

http://manos.malihu.gr/jquery-custom-content-scroller

这解决了聚焦问题，也让我对滚动条进行了更多的设计。

希望能帮到别人！

iOS 8 - 模式不会让你滚动

2 个答案: