אירוע גלילה ב JS יורה יותר מידי פעמים

ארכיטקט

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

תודה לכולם.

פורסם במקור בפורום CODE613 ב30/01/2016 21:35 (+02:00)

ארכיטקט

יש כאן תשובה בשביל jquery הבעיה שאני באנגולר, ועדיין חלש ב js באופן כללי.

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

directive('whenScroll', function ($document) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var raw = element[0];
           
            element.bind('scroll', function () {
               

                console.log("ScrollTop: " + raw.scrollTop + ". ScrollHeigt: " + raw.scrollHeight);
                
                
            });
        }
    };
});

פורסם במקור בפורום CODE613 ב30/01/2016 21:46 (+02:00)

אהרן

תשתמש ב-settimeout
שמור משתנה בשם timeout בו יהיה כתוב כתוב כמה דיליי
וארוע הגלילה יעדכן אותו כל הזמן.

אגב, למה יצרת גלגלת משלך?
ארוע הגלילה עובד גם עם גלילה של ווינדוס!?

פורסם במקור בפורום CODE613 ב30/01/2016 22:11 (+02:00)

magicode

תכתוב ככה.

directive('whenScroll', function ($document) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var raw = element[0];
            var timeEvent = 250;
            var lastTime = 0;
            element.bind('scroll', function () {
                if(lastTime + timeEvent > Date.now()) return;
                lastTime = Date.now();

 
                console.log("ScrollTop: " + raw.scrollTop + ". ScrollHeigt: " + raw.scrollHeight);
                 
                 
            });
        }
    };
});

פורסם במקור בפורום CODE613 ב30/01/2016 22:19 (+02:00)

ארכיטקט

תודה ל mat!
ועל הדרך מצאתי משהו מדהים, לא ידעתי מעולם שאנגולר יכולה לייתר גם את בוטסראפ ואולי גם את Jquery UI:

פורסם במקור בפורום CODE613 ב31/01/2016 10:23 (+02:00)

ארכיטקט

אז זהו שיש משהו מהמם שפותר המון בעיות מהסוג הזה ב js בלי לכתוב יותר מידי קוד

פורסם במקור בפורום CODE613 ב26/05/2016 22:42 (+03:00)

אהרן

@ארכיטקט

אז זהו שיש משהו מהמם שפותר המון בעיות מהסוג הזה ב js בלי לכתוב יותר מידי קוד

ישן
אבל מה הקר לאנגולר??

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

פורסם במקור בפורום CODE613 ב26/05/2016 22:46 (+03:00)

ארכיטקט

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

לגבי השאלה שלך, עריכה כתבתי שטויות, element.bind מורץ פעם אחת שים לב לכך!!

פורסם במקור בפורום CODE613 ב26/05/2016 23:06 (+03:00)

magicode

@ארכיטקט

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

לגבי השאלה שלך, עריכה כתבתי שטויות, element.bind מורץ פעם אחת שים לב לכך!!

אני לא הכרתי את זה. לכן לא המלצתי. (אני לא מכיר הכל. רק קצת )

פורסם במקור בפורום CODE613 ב26/05/2016 23:13 (+03:00)

אהרן

שתהיה בריא, כתבת בעצמך
@ארכיטקט

ש כאן תשובה בשביל jquery הבעיה שאני באנגולר

ולגבי underscorejs
דוד הזכיר בפורום כמה פעמים
http://code.613m.org/viewtopic.php?f=1&t=1325#p8370

תגיד
החלטת סופית להשתמש בVIM, לומד אנגולר2 וממליץ על underscore ?

פורסם במקור בפורום CODE613 ב27/05/2016 00:29 (+03:00)

ארכיטקט

באנגולר 2 זה זמין וכפי הנראה (אני עוד לא בטוח בזה עד הסוף כי אני עדיין באמצע הקורס) אנגולר 2 להפתעתנו פתוחה יותר לספריות זרות.

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

עם זאת עדיין לא התחלתי לפתח.

פורסם במקור בפורום CODE613 ב27/05/2016 11:18 (+03:00)

תחומים - פורום חרדי מקצועי

אירוע גלילה ב JS יורה יותר מידי פעמים