Javascript-форум (https://javascript.ru/forum/)
-   Opera, Safari и др. (https://javascript.ru/forum/css-html-browser/)
-   -   scrollTop в Safari под Mac ОС всегда равен 0 (https://javascript.ru/forum/css-html-browser/68509-scrolltop-v-safari-pod-mac-os-vsegda-raven-0-a.html)

Nexus 20.04.2017 20:21

scrollTop в Safari под Mac ОС всегда равен 0
 
Здравствуйте.
В заголовке темы, собственно, суть проблемы и отражается.

Юзается jQuery.
Навешивал обработчик события scroll всеми известными способами, толку нет.
Навешивал обработчик и на window, и на html, и на body.

Адрес сайта, к сожалению, дать пока что не могу поскольку он в разработке.

Этот же код великолепно выполняется на другом сайте без каких-либо проблем.


Подскажите как лечится эта проблема в Safari?

Rise 21.04.2017 00:19

Nexus, какая версия jQuery, на чем вызывается scrollTop? Пример запили.

Nexus 21.04.2017 10:03

Rise, jQuery version 2.1.1
Это вариант на котором я остановился (не работает в Safari).
var cont=(!is_win_safari() && is_safari())?'html,body':window;
$(cont).on('scroll',function(e){
	var $t=$(this),$m=$('.floating_menu');

	if($t.width()<960) return;
	if($m.hasClass('hide'))
		$m.attr('data-state','hide').show().animate({top:-100},0).hide().removeClass('hide');

	if($t.scrollTop()<500)
		$('.floating_menu[data-state="show"]').attr('data-state','hide')
			.stop(true).show()
			.animate({top:-$m.height()},300,function(){$(this).hide();});
	else
		$('.floating_menu[data-state="hide"]').attr('data-state','show')
			.stop(true).show()
			.animate({top:0},300);
}).scroll();

Rise 21.04.2017 12:20

Nexus, если "этот же код великолепно выполняется на другом сайте", значит ты что-то не так делаешь на своем сайте.

Nexus 21.04.2017 15:25

Цитата:

Сообщение от Rise (Сообщение 450531)
Nexus, если "этот же код великолепно выполняется на другом сайте", значит ты что-то не так делаешь на своем сайте.

Разработкой другого сайта, на котором этот код выполняется занимался тоже я)

Rise 21.04.2017 16:10

Nexus, test.html:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>TEST</title>
	<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
</head>
<body>

<script>
$('body').append(new Array(100).join('<br>'));

var $window = $(window).on('scroll', function() {
	console.log($window.scrollTop());
});
</script>

</body>
</html>
Работает это в твоем Safari под Mac ОС?

Nexus 21.04.2017 16:39

Rise, работает.

Nexus 22.04.2017 09:35

Может подобное произойти из-за стилей страницы?

рони 22.04.2017 09:38

Цитата:

Сообщение от Nexus
Может подобное произойти из-за стилей страницы?

overflow: hidden; ?

Nexus 22.04.2017 09:48

рони, к сожалению нет)
Я понимаю, что невнимательность в большинстве случаев и приводит к ошибкам, но вряд ли она имеет в этом случае место быть.

В этой теме хотел узнать об особенностях самого браузера Safari, возможно в них причина.
Во время поиска решения проблемы видел сообщения, в которых описывали причину бага заключающуюся именно в них.


Часовой пояс GMT +3, время: 06:57.