שלום
אני מנסה לעשות שכבת צבע (אפור חצי שקוף) שתכסה את כל האתר.
עשיתי כבר שכבה כזו. היא נמצאת בz-index גבוה.

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

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

זה הקוד שכתבתי:

קוד PHP:

 var container = document.getElementById("top5");
          
          var divhe = document.body.clientHeight;
          var h1 = window.pageYOffset;
          container.style.height = divhe+"px";
          container.style.top = "-"+h1; 


-- השכבה אכן נוצרת בגובה החלון
-- הבעייה היא שהשכבה אינה מופיעה בחלק העליון של החלון אלא היא מופיעה במיקום העליון של הדפדפן (כאשר לחצתי על הכפתור שקורא לה) כלומר יש בעייה במאפיין הTOP.

-- המשתנים h1 אכן מקבל את המיקום של הסקרולבר (בדקתי)

אשמח לקבל פתרון

תנסה להוסיף px לדוגמא:

קוד:

container.style.top = "-"+h+'px';

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

תוכל להראות דוגמא..?

בעצם, אני לא מבין למה אתה קובע את מיקום ה-TOP שלו בצורה הזאת.

ניסית לקבוע:

קוד:

container.style.top = 0;

?

הרי document.body.clientHeight אמור להביא את גובה כל המסמך (כולל החלק "הנעלם" שמופיע כאשר גוללים למטה). ראה: http://www.quirksmode.org/dom/w3c_cssom.html

אז ה- top צריך להיקבע ב-0.