Safari jerky /闪烁$（窗口）.scroll功能

Question

我在Safari中遇到一个问题 - 当滚动时，图像闪烁或抽搐，当改变一个元素的高度和页面滚动时另一个元素的边距时。

目前在Chrome / Firefox（OSX）中运行顺利且正如预期的那样，但您会在Safari上看到问题：

http://jsfiddle.net/y1Lrnd24/7/

$(window).scroll(function () {

    var imgHeight = 300;
    var scrollTop = $(window).scrollTop();
    var slideHeight = imgHeight - scrollTop;
    var marginTop = scrollTop;

    if (slideHeight > 0) {
        $('.slide').css('height', slideHeight);
        $('#slide-holder').css('paddingTop', marginTop);
    }

});

（可以在全屏中更好地说明：https://jsfiddle.net/y1Lrnd24/7/embedded/result/）

有人有任何线索吗？我尝试将marginTop改为paddingTop，但这没有效果。

任何帮助表示赞赏 - 希望这是一个快速解决方案！

编辑：我想我应该在这里添加这个'bug'在使用鼠标滚轮时最明显......