זיהוי גלילת משתמש (בפיקסלים) בדף אינטרנט באמצעות javascript
-
איך אפשר באמצעות קוד javascript לנתח את כמות הפיקסלים שהמשתמש גולל (ה-Event של גלילה נקרא Scroll) בדף האינטרנט?
לדעתי זה גם מאוד שימושי, אם לדוגמה רוצים שכשהמשתמש יגיע למקום כלשהוא בדף ישתנה משהו בדף האינטרנט וכדו'. אם מישהו יוכל לעזור לי אני ישמח. -
איך אפשר באמצעות קוד javascript לנתח את כמות הפיקסלים שהמשתמש גולל (ה-Event של גלילה נקרא Scroll) בדף האינטרנט?
לדעתי זה גם מאוד שימושי, אם לדוגמה רוצים שכשהמשתמש יגיע למקום כלשהוא בדף ישתנה משהו בדף האינטרנט וכדו'. אם מישהו יוכל לעזור לי אני ישמח.@מוטי-אורן
לא יודע איך אפשר ב-JS נקי, אבל
ב-JQuery יש פונקציה לזה https://api.jquery.com/scrollTop/ עיי"שעריכה אני רואה שגם ב-JS יש פונקציות מובנות לזה - בתוך האובייקט window.
עי' כאן כתוב פשוט - גם JS וגם JQuery
https://stackoverflow.com/a/31712309/13312191
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}