קו אופקי ספארי Ipad בעת גלילה

למנוע גומיית גלילה עבור יישומי דף אחד ב- Safari 5.1

29 יולי 2011

ספארי 5.1 של (על האריה Mac OS X) גלילה גומי-band הוא teh מדהים עבור אתרי אינטרנט "קלאסי" יישומי אינטרנט כמו ol טוב 'זמן נמש מעקב. אבל עבור אלה אפליקציות חדישות בן עמוד אחד (כמו דוא"ל הקרוב שלנו האפליקציה תמיכה twitter, Charm) כי יש פריסת דף משלהם שואפים להיראות יותר כמו יישומים שולחניים שהוא יכול לקבל במהירות את הדרך; כלומר כאשר אתה משתמש משנה אלמנטים גלילה אנכית (כמו רשימות) באפליקציה.

אל חשש, קטע CSS הקטן הזה ישבית גומיית גלילה:

זה כמובן, משבית כל הגלילה של אלמנט הגוף, כך תצטרך div עטיפה כי הוא הצפה: אוטומטי סביב התוכן בהתאמה שלך (אלמנטים עם הצפה: רכב לא להשתמש גלילת גומי-band).

מן ראוי לציין כי הגדרת הצפה: גלילה תהיה לגרום לזה להיראות כמו הגלילה האנכית הוא לא הולכת כל הדרך עד לתחתית. הסיבה לכך היא כי יש מקום יצא פס גלילה אופקית זה לא נחוץ ברוב המקרים-הפתרון זאת הוא להשתמש overflow-y: לגלול או רק את ההצפה: אוטומטי על div מעטפת תוכן הגלילה.

קשור לכך, -webkit-overflow-גלילה החדש: רכוש המגע יאפשר גלילת הגומי-band של אצבע אחת של אלמנטים בתוך דף, אבל רק על ספארי הנייד במהדורה הבאה של iOS. מאפיין זה אינו משנה את ההתנהגות של גלילה על שולחן העבודה ספארי (עדיין? הלוואי שזה יהיה נתמך גם שם).