笨拙的jQuery-Safari行为

我似乎找不到任何过去的问题可以澄清这一点

我有一个非常基本的jQuery函数，当用户滚动时，它会改变div的边距。它只是为用户滚动的每个像素添加和减少半个像素，以创建缓慢移动的div响应

这是我的相关代码：

jQuery

    $(window).scroll(function(){
    var fromTop = $(window).scrollTop();
    $(".img-anm-text").css('margin', '-750' - -0.6*fromTop + 'px auto');
  });

CSS

HTML

TITLELorem Ipsum dolor sit amet。

---

我面临的问题是，在safari中加载时，会出现非常笨拙和紧张的移动。我觉得这是一段非常简单的代码，但safari似乎无法处理它。有人知道哪种方法更有效吗？或者是一个解决方法？

只是一个旁注：在

'-750'-0.6*fromTop+'px auto'

中，初始字符串将被转换为一个数字，也可以从一开始就将其作为一个数字来写：

-750--0.6*fromTop+'px auto'

，当然，一旦你这样做了，

--0.6*fromTop

写

+0.6*fromTop

有点长。所以也许

（-750+0.6*fromTop）+'px auto'

或者甚至

（0.6*fromTop-750）+'px auto'

@T.J Crowder既然你提到了这一点，你就完全正确了。我只是交换了以前的一个函数中的符号，这个函数与之前的函数类似（需要更多的算术运算）。你认为这可能是笨拙的野生动物园展示的结果吗？遗憾的是，不，我不希望是这样。：-）

.img-anm-frm {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 550px;
    font-size: 14pt;
    background-color: #efefef;
}
.img-anm-text {
    position: absolute;
    color: #fff;
    font-size: 20pt;
    margin-top: 100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
        z-index: 9;
}

<div class="img-anm-frm">
<div class="img-anm-text"><h1 style="margin-bottom: -5px;">TITLE</h1>Lorem Ipsum dolor sit amet.</div>
</div>