Руководство jQuery

Когда переменная будет указана, свойство scroll установит данное значение для смещения относительно левого края документа для всех подходящих элементов.

Параметры

scrollLeft(val)

1.2

val: положительное число, устанавливающее необходимое смещение от левого края документа.

Описание

Метод доступен как для видимых, так и скрытых элементов.

Примеры

Пример:

Установить свойство scrollLeft.

Пример
Весь код

"jQuery"

$("div.demo").scrollLeft(300);

"HTML"

<div class="demo"><p>Hello</p></div>

"CSS"

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; }

"Живой пример jQuery"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
						"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" 
	rel="stylesheet" type="text/css"/>
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	
$("div.demo").scrollLeft(300);

	  });
	</script>

	</head>
	<body class="iframe">

	
<div class="demo"><p>Hello</p></div>



	</body>
	</html>

	
	<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>

Метод появился в jQuery 1.2 (http://api.jquery.com/scrollLeft/)

Версия jQuery 1.4.2 Документ создан 2010-08-21