Форум

Siend · #1 (**permalink**) 29.12.2014, 18:11

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

ruslan_mart · #2 (**permalink**) 29.12.2014, 18:28

$(window).scrollTop()

Так тоже дожно работать:

$('body, html').scrollTop()

Siend · #3 (**permalink**) 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 · #4 (**permalink**) 29.12.2014, 18:45

Цитата:

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

Не помогло, все равно показывает 0!

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

ruslan_mart · #5 (**permalink**) 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 · #6 (**permalink**) 29.12.2014, 20:55

Одной темы тебе не хватило, автор?
scrollTop - почему то всегда показывает 0!

Siend · #7 (**permalink**) 30.12.2014, 00:51

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

Форум

Справочник

Discord чат

Курсы javascript