Положение полосы прокрутки

Для получения или установки значения отступа прокрутки предназначены два метода:

  • scrollTop([<Значение>]) — значение отступа прокрутки сверху. Если параметр не указан, то метод возвращает числовое значение, а если указан, то задает новое значение для всех элементов коллекции;
  • scrollLeft([<Значение>]) — значение отступа прокрутки слева. Если параметр не указан, то метод возвращает числовое значение, а если указан, то задает новое значение для всех элементов коллекции.

Выведем значение отступа прокрутки после щелчка на элементе (листинг 1.10).

Листинг 1.10. Методы scrollTop() и scrollLeft()

<!doctype html>
<html lang="ru">
<head>
   <meta charset="utf-8">
   <title>Методы scrollTop() и scrollLeft()</title>
   <style>
   #div1 { 
      width: 500px; height: 300px;
      position: relative;
      overflow: auto;
   }
   #div2 { 
      padding: 15px;
      width: 1500px; height: 1500px;
      border: black 2px dotted;
      background-color: silver;
   }
   </style>
</head>
<body>
<div id="div1">
   <div id="div2">Переместите полосы прокрутки и щелкните на 
      сером фоне чтобы увидеть значения в консоли<br>
      После щелчка значения будут приравнены к 0
   </div>
</div>

<script src="js/jquery.min.js"></script>
<script>
$(function() {
   $('#div2').click( function() {
      var elem = $('#div1');
      console.log( 'top: ' + elem.scrollTop() + 
                   ' left: ' + elem.scrollLeft() );
      elem.scrollTop(0).scrollLeft(0);
   });
});
</script>
</body>
</html>

Если нужно определить положение полос прокрутки для окна или задать новые значения, то методу $() следует передать объект window:

var w = $(window);
console.log( 'top: ' + w.scrollTop() + ' left: ' + w.scrollLeft() );

Учебник по jQuery и AJAX
Учебник по jQuery и AJAX в формате PDF

Помощь сайту

ЮMoney (Yandex-деньги): 410011140483022

ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов