Показать сообщение отдельно
  #2 (permalink)  
Старый 19.12.2016, 08:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,563

Сообщение от Black_Star
Приведу пример
Даже из примера видно, что твое событие не срабатывает...

А если продолжить твой пример - видно и остальное.

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<style type="text/css">
.field{
	border: 1px solid #000;
	width: 800px;
	height: 1800px;
}
.block{
	margin: 10%;
	width: 50px;
	height: 50px;
	background-color: red;
}
#test {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 30px;
	border: 1px solid;
}
</style>
<body>
	<div id="test"></div>		
	<div class="field">		
		<div class="block"></div>
	</div>
<script type="text/javascript">
window.onload = function () { 
	window.onscroll=function() {
		var coord = $('.block').offset().top;
		$('#test').text(coord);
		if (coord == 0) {
			console.log("Елемента больше не видно в браузере");
		} else {
			console.log("Елемент снова в браузере виден");
		}
	};
};
</script>
</body>
</html>
Ответить с цитированием