русский  עברית
tadam logo
Нашли ошибку в тексте?
Отметьте её курсором и нажмите
Ctrl + Enter
Проверка орфографии Xhtml.co.il
Orphus system
Рассылка
Присоединитесь к списку рассылки для получения последних новостей
Имейл
Имя и фамилия
Содержание:

.scrollTop()

Возвращает: Целое число

Описание: Получает значение отступа прокрутки сверху для первого элемента в наборе соответствующих элементов.

.scrollTop()

Добавлена в версию: 1.2.6

Позиция вертикальной прокрутки такое же, как количество пикселей, которые скрыты от глаз выше прокручиваемой области. Если полоса прокрутки на самом верху, или если элемент не прокручивать, это число будет 0.

Примеры

Получает значение scrollTop
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
Результат выполнения кода выше:
Полный код:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
  });
  </script>
  <style>
  p { margin:10px;padding:5px;border:2px solid #666; }
  </style>
</head>
<body>
  <p>Hello</p><p></p>
</body>
</html>

.scrollTop( значение )

Возвращает: jQuery

Описание: Устанавливает значение отступа прокрутки сверху для каждого элемента набора.

.scrollTop( значение )

Добавлена в версию: 1.2.6
значение
Целое число, указывающее новое положение для установки прокрутки.

Позиция вертикальной прокрутки такое же, как количество пикселей, которые скрыты от глаз выше прокручиваемой области. Устанавливает позицию scrollTop вертикальной прокрутки каждого элемента в наборе.

Примеры

Устанавливает значение scrollTop
$("div.demo").scrollTop(300);
Результат выполнения кода выше:
Полный код
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
$("div.demo").scrollTop(300);
  });
  </script>
  <style>
div.demo {background:#CCCCCC none repeat scroll 0 0;
border:3px solid #666666;
margin:5px;
padding:5px;
position:relative;
width:200px;
height:100px;
overflow:auto;
}
  p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }
  </style>
</head>
<body>
  <div class="demo"><h1>lalala</h1><p>Hello</p></div>
</body>
</html>
Была ли эта информация полезной?
   

Комментарии