Модал появляется в Chrome/Firefox, но не в сафари?

Question

У меня есть «а» тег с надписью «shoe_tag», что ссылки на URL-адрес, и следующий JS код ниже:

$(".shoe_tag").on('click', function() { 

    tpos = $(window).scrollTop() + 300; 
    myModal.open(); 
    $(".scotch-modal").css({top:tpos, position:'absolute'}); 


}); 

Этот код позволяет мне открыть модальный, а сервер отвечает, что обычно занимает около 4 секунды. В Chrome и Firefox модальная функция откроется, пока браузер ждет ответа сервера, но в Safari не открывается модальный режим. Однако, если я положил оператор отладчика в конце, тогда вызовите «myModal.open()» в веб-консоли, затем появится модальный. Его почти как Safari пропускает этот код, если я его не назову в консоли. Я изучаю вещи, основанные на сафари, в течение недели и в тупике, любые идеи?

Answer 1

я думаю, что это проблема с рендерингом трубопровода браузера, попробуйте показывать модальный через короткий промежуток времени:

$(".shoe_tag").on('click', function() { 

    var tpos = $(window).scrollTop() + 300; 
    $(".scotch-modal").css({top:tpos, position:'absolute'}); 
    setTimeout(function(){myModal.open();}, 100); 

}); 

Таймеры спас мою жизнь много много раз ;-)

Answer 2

попробовать

var tpos = $("body").scrollTop() + 300; 

Webkit браузеры всегда делают окно/html scrollTop как ноль.