ScrollTop в мобильном Safari ⇐ Jquery

[Anonymous]

Я пытаюсь выяснить, почему div.scroll-top не отображается в мобильном Safari.
Проверено. На моем iPhone он работает правильно в браузере Chrome, но у Safari, похоже, возникла проблема с вычислением высоты окна. Элемент div не отображается, когда высота полосы прокрутки браузера достигает определенного значения.
HTML
Контейнер div хранится внизу страницы внутри нижнего колонтитула.

Код: Выделить всё

[url=#][i][/i][/url]

CSS

Код: Выделить всё

.scroll-top {
position: fixed;
bottom: 3%;
right: 5%;
background: #00316b;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
border: 2px solid #fff;
display: none;
}

.scroll-top > a {
display: block;
color: #fff;
font-weight: bold;
line-height: 50px;
font-size: 20px;
}

Js

Код: Выделить всё

var scrollTop = $(".scroll-top");
$(window).scroll(function () {
var topPos = $(this).scrollTop();

if (topPos > 300) {
$(scrollTop).fadeIn(200);
} else {
$(scrollTop).fadeOut(200);
}

});

$(scrollTop).click(function () {
$('html, body').animate({
scrollTop: 0
}, 500);
return false;
});

Пыталась исправить это с помощью стандартного JavaScript, но безуспешно.

Код: Выделить всё

document.addEventListener("scroll", function(){
var windowScrollY = window.scrollY;
if (windowScrollY > 300) {
document.querySelector(".scroll-top").style.display = "block";
} else {
document.querySelector(".scroll-top").style.display = "none";
}
});

Не могли бы вы подсказать, как заставить Safari отображать div.scroll-top, когда высота полосы прокрутки браузера превышает 300?

Подробнее здесь: https://stackoverflow.com/questions/496 ... ari-mobile