Question

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

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

以下是我的相关代码：

的jQuery

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

CSS

.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;
}

HTML

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

我遇到的问题是在徒步旅行中加载时非常笨拙和紧张的动作。我觉得这是一段非常简单的代码，但safari似乎并没有处理它。有谁知道哪些东西更顺畅？或者是一种解决方法？

笨重的jQuery - Safari行为

0 个答案: