русский  עברית
tadam logo
דוגמאות jQuery
מצאתם שגיאה?
סמנו אותה עם העכבר ותלחצו
Ctrl + Enter
בדיקת כתיב Xhtml.co.il
Orphus system
תוכן:

.scrollTop()

מחזירה: מספר שלם

תיאור: מקבל ערך מרווח גלילה מלמעלה עבור אלמנט ראשון בהתאמה.

.scrollTop()

הוספה בגרסה: 1.2.6

מיקום של גלילה אנכית זהה למספר פיקסלים, שמוסתרים מן העין מעל אזור הגלילה. אם פס הגלילה הוא בחלקו העליון, או אם אלמנט אינו לגלילה, המספר הזה יהיה 0.

דוגמאות

מקבל ערך scrollTop
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
תוצאת הפעלה קוד לעיל:
קוד מלא:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
  });
  </script>
  <style>
  p { margin:10px;padding:5px;border:2px solid #666; }
  </style>
</head>
<body>
  <p>Hello</p><p></p>
</body>
</html>

.scrollTop( value )

מחזירה: jQuery

תיאור: מגדיר ערך גלילה מלמעלה עבור כל אלמנטים בהתאמה.

.scrollTop( value )

הוספה בגרסה: 1.2.6
מספר שלם המציין את המיקום החדש של פס הגלילה.

מיקום של גלילה אנכית זהה למספר פיקסלים, שמוסתרים מן העין מעל אזור הגלילה. מגדיר מיקום scrollTop של גלילה אנכית עבור כל אלמנט ברשימה.

דוגמאות

מקבל scrollTop
$("div.demo").scrollTop(300);
תוצאת הפעלה קוד לעיל:
קוד מלא:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
$("div.demo").scrollTop(300);
  });
  </script>
  <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>
</head>
<body>
  <div class="demo"><h1>lalala</h1><p>Hello</p></div>
</body>
</html>
האם מידע זה היה מועיל?
   

תגובות