scrollTop - почему то всегда показывает 0!
Как не прокручиваю страницу, получаю всегда значение 0. Подскажите в чем ошибка? И если ее нет, то как мне получить значение прокрутки?
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body id>
<script>
function getDocumentScrollTop() {
var s = $("body").scrollTop();
console.log(s)
}
</script>
<div id="a1" style="height:500px; width:100%; background-color:#111"></div>
<input type="button" onclick="getDocumentScrollTop()" style="width:100px;height:20px;">
<div id="a2" style="height:500px; width:100%; background-color:#222"></div>
<div id="a3" style="height:500px; width:100%; background-color:#333"></div>
<div id="a4" style="height:500px; width:100%; background-color:#444"></div>
<div id="a5" style="height:500px; width:100%; background-color:#555"></div>
</body>
</html>
|
Прокрутка - это событие, следовательно, тебе нужно вызывать эту функцию по событию onscroll.
|
Цитата:
$(window).scrollTop() |
не помогло(
|
Цитата:
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body id>
<script>
function getDocumentScrollTop() {
var s = $(window).scrollTop();
alert(s)
}
</script>
<div id="a1" style="height:500px; width:100%; background-color:#111"></div>
<input type="button" onclick="getDocumentScrollTop()" style="width:100px;height:20px;">
<div id="a2" style="height:500px; width:100%; background-color:#222"></div>
<div id="a3" style="height:500px; width:100%; background-color:#333"></div>
<div id="a4" style="height:500px; width:100%; background-color:#444"></div>
<div id="a5" style="height:500px; width:100%; background-color:#555"></div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 00:56. |