Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Значение прокрутки (https://javascript.ru/forum/misc/52662-znachenie-prokrutki.html)

Siend 29.12.2014 18:11

Значение прокрутки
 
Подскажите как вернуть значение прокрутки? Я пытался сделать на jquery
через $(body).scrollTop(), но почему то всегда получаю значение 0. Есть еще способы?

ruslan_mart 29.12.2014 18:28

$(window).scrollTop()


Так тоже дожно работать:
$('body, html').scrollTop()

Siend 29.12.2014 18:29

Не помогло, все равно получаю 0.

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery.js" type="text/javascript"></script>
<script src="CanvasMenu.js" type="text/javascript"></script>
<script src="Graph.js" type="text/javascript"></script>
<title>Canvas Drag and Drop Test</title>
</head>
<body id="menu">
    <script>      
        function getDocumentScrollTop() {
            var s = $(window).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>

Siend 29.12.2014 18:45

Цитата:

Так тоже должно работать:
$('body, html').scrollTop()
Не помогло, все равно показывает 0!

Может кто-нибудь скинуть 100% рабочий пример кода страницы, чтоб я в блокнот вставил и протестил? А то я уже столько способов нагуглил и проверил и все равно ни 1 не работает!!!! ((((

ruslan_mart 29.12.2014 19:01

Siend, нажми "посмотреть", всё работает:

<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>
    <input onclick="test()" style="position: fixed" type="button" value="test">
    
    <div style="height: 2000px; text-align: center">DIV</div>

    <script type="text/javascript">
      
      function test() {
        
        alert( $(window).scrollTop() );
        
        alert( $(document).scrollTop() );
        
      };

    </script>

  </body>
</html>

Safort 29.12.2014 20:55

Одной темы тебе не хватило, автор?
http://javascript.ru/forum/jquery/52...yvaet-0-a.html

Siend 30.12.2014 00:51

Ruslan_xDD, спасибо огромное, теперь все ок)


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