русский  עברית
tadam logo
דוגמאות jQuery
מצאתם שגיאה?
סמנו אותה עם העכבר ותלחצו
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( value )

מחזירה: jQuery
הוספה בגרסה: 1.2.6
תיאור: מגדיר ערך קיזוז של גלילה משמאל עבור כל האלמנטים בהתאמה.
מיקום אופקי של גלילה שווה למספר פקסלים, שמוסתרים מעל שטח גלילה. מגדיר מיקום scrollLeft של גלילה אופקית עבור כל אלמנט בהתאמה.

ארגומנטים

מציין מיקום חדש של הזזה של פס גלילה.

דוגמאות

דוגמה 1

מגדיר ערך scrollLeft עבור div.
$("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>
האם מידע זה היה מועיל?
   

תגובות