Форум

Siend · #1 (**permalink**) 29.12.2014, 17:58

Как не прокручиваю страницу, получаю всегда значение 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>

Safort · #2 (**permalink**) 29.12.2014, 20:09

Прокрутка - это событие, следовательно, тебе нужно вызывать эту функцию по событию onscroll.

рони · #3 (**permalink**) 29.12.2014, 22:49

Сообщение от Siend

$("body").

замените на window и будет вам счастье

$(window).scrollTop()

Siend · #4 (**permalink**) 30.12.2014, 00:44

не помогло(

рони · #5 (**permalink**) 30.12.2014, 00:59

Сообщение от Siend

не помогло(

не может быть

<!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>

Форум

Справочник

Discord чат

Курсы javascript