הרשם שאלות ותשובות רשימת חברים לוח שנה חיפוש הודעות מהיום סמן פורומים כנקראו

   
|!|

השב
 
כלים לאשכול תצורת הצגה
ישן 08-07-13, 12:17   # 1
איציק ברבי
עסק רשום [?]
 
מיני פרופיל
תאריך הצטרפות: Feb 2011
הודעות: 970

איציק ברבי לא מחובר  

לעצב את ה scrollbar ב css

כיצד ניתן לשנות את ה scrollbar שבדפדפן?
למי שלא מבין - overflow-y:scroll;
לעצב אותו כמו גוגל וכ'ו.

----
מצאתי קודים של WEBKIT אבל הם לא תואמים לFF..


תודה רבה !
__________________

איציק ברבי - שירות לקוחות
כתובת אתר: http://build-net.co.il/
איימל: Support@build-net.co.il
טלפון: 052-3937296.

Last edited by איציק ברבי; 08-07-13 at 12:26..
  Reply With Quote
ישן 08-07-13, 12:30   # 2
בניה
משתמש - היכל התהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: נחושה
הודעות: 3,434

בניה לא מחובר  

אם אתה רוצה משהו cross browser אתה חייב לעשות את זה עם JS
יש תוספים שעושים לך את זה
http://jscrollpane.kelvinluck.com/
  Reply With Quote
ישן 08-07-13, 13:24   # 3
איציק ברבי
עסק רשום [?]
 
מיני פרופיל
תאריך הצטרפות: Feb 2011
הודעות: 970

איציק ברבי לא מחובר  

הבנתי, מה זה בדיוק cross browser ?
__________________

איציק ברבי - שירות לקוחות
כתובת אתר: http://build-net.co.il/
איימל: Support@build-net.co.il
טלפון: 052-3937296.
  Reply With Quote
ישן 08-07-13, 13:46   # 4
בניה
משתמש - היכל התהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: נחושה
הודעות: 3,434

בניה לא מחובר  

תאימות לכל / לכמה שיותר דפדפנים.
  Reply With Quote
ישן 08-07-13, 17:35   # 5
איציק ברבי
עסק רשום [?]
 
מיני פרופיל
תאריך הצטרפות: Feb 2011
הודעות: 970

איציק ברבי לא מחובר  

תודה,
פחדתי להתעסק בקוד שלהם כי האתר נראה ממש עמוס אבל גיליתי שהוא ממש קל
תודה רבה!
__________________

איציק ברבי - שירות לקוחות
כתובת אתר: http://build-net.co.il/
איימל: Support@build-net.co.il
טלפון: 052-3937296.
  Reply With Quote
ישן 08-07-13, 19:30   # 6
IgalSt
מנהל פורום, עסק רשום
 
IgalSt's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: המרכז
גיל: 37
הודעות: 1,432
Send a message via Skype™ to IgalSt

IgalSt לא מחובר  

מניסיון, אם מדובר בפרוייקט יחסית מורכב מבחינת ה-JS ו/או ה-CSS, כדאי לוותר על סקרולברס מעוצבים במידה ואין תמיכה טבעית של הדפדפן.

פתרונות ה-JS עובדים בסדר עד שאתה צריך לעשות סקרול פנימי באלמנט שהגודל שלו עשוי להשתנות הרבה פעמים (וזה אומר שה-JS יצטרך לבצע את החישובים של הסקרופט מחדש). הביצועים במקרים כאלה לא טובים, במיוחד בדפדפנים מיושנים יותר.
  Reply With Quote
ישן 08-07-13, 20:57   # 7
איציק ברבי
עסק רשום [?]
 
מיני פרופיל
תאריך הצטרפות: Feb 2011
הודעות: 970

איציק ברבי לא מחובר  

ציטוט:
נכתב במקור על ידי IgalSt צפה בהודעה
מניסיון, אם מדובר בפרוייקט יחסית מורכב מבחינת ה-JS ו/או ה-CSS, כדאי לוותר על סקרולברס מעוצבים במידה ואין תמיכה טבעית של הדפדפן.

פתרונות ה-JS עובדים בסדר עד שאתה צריך לעשות סקרול פנימי באלמנט שהגודל שלו עשוי להשתנות הרבה פעמים (וזה אומר שה-JS יצטרך לבצע את החישובים של הסקרופט מחדש). הביצועים במקרים כאלה לא טובים, במיוחד בדפדפנים מיושנים יותר.
אתה צודק במאה אחוז, לקחתי את זה בחשבון מההתחלה.
__________________

איציק ברבי - שירות לקוחות
כתובת אתר: http://build-net.co.il/
איימל: Support@build-net.co.il
טלפון: 052-3937296.
  Reply With Quote
ישן 09-07-13, 09:25   # 8
בניה
משתמש - היכל התהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: נחושה
הודעות: 3,434

בניה לא מחובר  

ציטוט:
נכתב במקור על ידי IgalSt צפה בהודעה
מניסיון, אם מדובר בפרוייקט יחסית מורכב מבחינת ה-JS ו/או ה-CSS, כדאי לוותר על סקרולברס מעוצבים במידה ואין תמיכה טבעית של הדפדפן.

פתרונות ה-JS עובדים בסדר עד שאתה צריך לעשות סקרול פנימי באלמנט שהגודל שלו עשוי להשתנות הרבה פעמים (וזה אומר שה-JS יצטרך לבצע את החישובים של הסקרופט מחדש). הביצועים במקרים כאלה לא טובים, במיוחד בדפדפנים מיושנים יותר.
נכון, נושא כאוב...
לא מצאנו שום פלאגין שעושה את זה בצורה חכמה ויש לנו פרוייקט שזה ממש פגע בו.

אני חושב שאפשר לכתוב משהו יעיל אם אתה אומר לו מתי הגודל השתנה ואת הגודל החדש בלי שהוא יצטרך לגשת לדום ולבדוק את הגודל ואני גם חושב שאפשר לעשות את הסקרולינג עצמו GPU accelerated מה שיעשה את זה טוב כמעט כמו ה native, או לפחות לחסוך ב reflows

Last edited by בניה; 09-07-13 at 09:39..
  Reply With Quote
ישן 09-07-13, 21:03   # 9
IgalSt
מנהל פורום, עסק רשום
 
IgalSt's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: המרכז
גיל: 37
הודעות: 1,432
Send a message via Skype™ to IgalSt

IgalSt לא מחובר  

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

אני חושב שאפשר לכתוב משהו יעיל אם אתה אומר לו מתי הגודל השתנה ואת הגודל החדש בלי שהוא יצטרך לגשת לדום ולבדוק את הגודל ואני גם חושב שאפשר לעשות את הסקרולינג עצמו GPU accelerated מה שיעשה את זה טוב כמעט כמו ה native, או לפחות לחסוך ב reflows
אפשר בהחלט לנסות.
פרט לכך שתצטרך לכתוב משהו בעצמך או לעשות fork מאור רציני לתוסף קיים, אתה גם תפתור בעיות מאוד מאוד ממוקדות.
הבעיה היא לדעתי שאם תנסה כל פעם לתת לתוסף את הגודל העדכני, אתה תפגע בהכמסה (encapsulation) של הלוגישה של התוסף עצמו. ככה בעצם כל מי שיכתוב דברים שמשפיעים על הסקרול יהיה חייב לדעת את הלוגיקה הפנימית (כלומר לחשב את הגודל החדש) ולזמן מטודה של הסקרולר המעוצב. כיום גם ככה הוא צריך לדעת, או לכל הפחות לזרוק איזשהו ארוע שידווח על כך שייתכן והיה שינוי כלשהו במימדים והסליידר יאזין לאירוע הזה ויבצע חישוב מחדש.
במצב האופטימלי היית רוצה להאזין לאיזשהו ארוע טבעי של הדפדפן שיגיד לך שהיה איזשהו שינוי. קיים אירוע כזה, DOMSubtreeModified, רק שהבעיה איתו שהוא נזרק ע"י הדפדפן אחרי כל שינוי (שינוי תוכן, הוספה/הסרה של Node וכו') ולכן מאוד בזבזני ובעצם לא שימושי כמעט.

בקשר ל-GPU, אכן זו גישה מעניינת ללכת עליה. החיסרון שלה הוא שתוכל להשתמש בה רק בדפדפנים מודרנים, ולפחות אחד מהם מאפשר לך לעצב את הסקרולר הטבעי (כלומר Webkit). כך שדווקא הדפדפנים שהכי מתקשים לבצע את החישובים הללו בזמן סביר לא תוכל לשפר ביצועים. וחבל

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

עריכה:
אני קצת אגלוש לנושא טיפה אחר, אבל זה מקום טוב לקטר עוד קצת על כך שדפדפנים כיום כמעט ולא מאפשרים לעצב אלמנטים שתלויים במערכת ההפעלה (selectbox, סקרול, html5 date picker & form validation וכו') וחבל. ישנה התקדמות חלקים בנושאים הללו, אבל לא מספיק. זה הזוי שגם היום, בדפדפנים מודרנים כמו FF אנחנו עדיין נאלצים לעשות פעולות אקרובטיות על מנת לעצב selectbox והוא מתעלם מ- appearance: none.

Last edited by IgalSt; 09-07-13 at 21:06..
  Reply With Quote
ישן 10-07-13, 13:54   # 10
בניה
משתמש - היכל התהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: נחושה
הודעות: 3,434

בניה לא מחובר  

הדבר שאולי הכי מעצבן הוא זה אי אפשר לעשות overflow:scroll, אבל להסתיר את ה scrollbars.
ואז הדבר היחידי שהיה צריך לעשות זה לממש את הסקולבר עצמו ולא את כל הפונקציונאליות של הסקרולינג.
עכשיו עלה לי רעיון פשוט להסתיר את הסקרולבר הטבעי.
מקווה שבקרוב אני אעשה REFACTOR לזה אצלינו ויהיה לי זמן להתעמק בזה שוב.

תוספת:
ניסיתי, ואפשר לתת לPARENT עם ה overflow:scroll
visibility: hidden
לילדים שלו visibility: visible
ואז פשוט לא רואים את ה scrollbar
זה כיוון מאוד מעניין

Last edited by בניה; 10-07-13 at 14:13..
  Reply With Quote
השב

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)
 

כלים לאשכול
תצורת הצגה

חוקי פירסום
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is מופעל
סמיילים הם מופעל
[IMG] קוד מופעל
קוד HTML מכובה

קפיצה לפורום


כל הזמנים הם GMT +2. הזמן כעת הוא 08:49.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ