Этот сайт использует cookies. Продолжение работы с сайтом означает, что Вы согласны!
Положение полосы прокрутки
Для получения или установки значения отступа прокрутки предназначены два метода:
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() );
Помощь сайту
ЮMoney (Yandex-деньги): 410011140483022
ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов