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

scrollLeft()

Возвращает: Целое число
Добавлена в версию: 1.2.6
Описание: Получает значение отступа прокрутки слева для первого элемента в наборе.
Горизонтальное положение прокрутки такое же, как число пикселей, которые скрыты от глаз над прокручиваемой областью. Если полоса прокрутки находится в самой левой позиции, или если элемент не может быть прокручен, эта цифра будет равна 0.

Примеры

Пример 1

Получает значение scrollLeft параграфа
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
Результат выполнения кода выше:
Полный код:
<!DOCTYPE html>
<html>
<head>
<style>
    p { margin:10px;padding:5px;border:2px solid #666; }

</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Hello</p><p></p>

<script>
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
</script>
</body>
</html>

scrollLeft( значение )

Возвращает: jQuery
Добавлена в версию: 1.2.6
Описание: Устанавливает значение отступа прокрутки слева для всех элементов набора.
Горизонтальное положение прокрутки такое же, как число пикселей, которые скрыты от глаз над прокручиваемой областью. Назначает позицию scrollLeft горизонтальной прокрутки для каждого элемента набора.

Аргументы

значение
Значение отступа прокрутки, положительное число.

Примеры

Пример 1

Устанавливает значение scrollLeft.
$("div.demo").scrollLeft(300);
Результат выполнения кода выше:
Полный код:
<!DOCTYPE html>
<html>
<head>
  <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>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
$("div.demo").scrollLeft(300);
  });
  </script>
</head>
<body>
	<div class="demo"><h1>lalala</h1><p>Hello</p></div>
</body>
</html>
Была ли эта информация полезной?
   

Комментарии