כיצד “לעצור” אלמנט HTML מ- Scroll למעלה

המון פעמים אנו רוצים להמשיך להציג לגולש איזו כותרת או איזה אלמנט הנמצאים בחלקו העליון של העמוד וצריכים להיות “זמינים” בטווח העין למרות הגלילה כלפי מטה. בייחוד כאשר רוב האתרים כיום עשירית בתכנים ובסרטונים אשר מטבע הדברים גורמים לעמוד שלנו להיות ארוך יותר מגובה הדפדפן.
אנו מכירים היטב את ה CSS STYLE :
position:fixed אך למעשה ה CSS הזה יאפשר להעמיד את האלמנט עליו החלנו את ה CLASS הזה באותו המקום גם אם הוא נמצא באמצע העמוד, וזו לא התוצאה שרצינו.
ישנו תוסף מאד קליל(1K) של jQuery הנקרא ScrollToFixed וניתן להוריד אותו מכאן  ומאפשר לכם ב 2 שורות קוד להגדיר את הבלוק או האלמנט שתרצו “לעצור” בזמן הגלילה בחלק העליון של העמוד.

הנה הקוד:


$(document).ready(function() {
$('#mydiv').scrollToFixed();
});

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

הוסף תגובה

Comments

No comments yet.

Leave a comment

(required)

(required)