Modal出现在Chrome/Firefox上，但不是Safari浏览器？

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上未打开任何模式。但是，如果我在最后放置一个调试器语句，然后在Web控制台中调用“myModal.open（）”，那么将出现模式。它几乎像Safari一样跳过这段代码，除非我在控制台中调用它。我一直在研究基于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的为零。