Javascript Safari上背景图像上的视差滚动抖动

我正在努力实现一个平滑的动画滚动时，应该移动标题的背景图像较慢，因为你滚动的视差效果

在Safari中，当您第一次加载页面并滚动时，此运动是不稳定的。但奇怪的是，这并不一致；有时会发生，有时不会。我是做错了什么还是错过了什么

JS

CSS

$(window).scroll(function () {
    $(".head").css("background-position","50% " + ($(this).scrollTop() / 2) + "px");
});

.head {
padding: 150px 0 145px;
background-color: $main;
background-image: url('../images/head.jpg');
background-size: 100% auto;
background-size: cover;
background-position: top;
color: $main-light;
perspective: 1px;
-webkit-perspective: 1px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}