模态出现在 Chrome/Firefox 上但不是 safari？

Question

我有一个标有“shoe_tag”的“a”标签链接到一个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 浏览器总是将 window/html scrollTop 呈现为零。