23-05-2009, 11:10
|
|
|
|
חבר מתאריך: 17.09.05
הודעות: 6,023
|
|
כיסוי האתר בשכבת צבע - בעיית גובה
שלום
אני מנסה לעשות שכבת צבע (אפור חצי שקוף) שתכסה את כל האתר.
עשיתי כבר שכבה כזו. היא נמצאת ב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 אכן מקבל את המיקום של הסקרולבר (בדקתי)
אשמח לקבל פתרון
_____________________________________
|