div на все окно независимо от скроллинга
Киньте в меня примером как сделать div на весь браузер.
У меня сейчас сделано так, но если проскролить окно вниз то этот див высоко остается. #wait_div { position:absolute; left:0px; top:0px; float:top; z-index:80; background-color: #E1E1E1; height:100%; width:100%; -moz-opacity: 0.2; /* код для движков Mozilla */ opacity:.20; /*свойство из спецификации CSS3, которое поддерживается не всеми браузерами*/ filter: alpha(opacity=20); /* код для IE */ } Подозреваю что этому диву надо скриптом при скроллинге топ менять. |
Цитата:
|
Ну а все же: как top скриптом менять при скроллинге?
|
el.style.top = '100px'; |
по идее див должен перекрывать весь документ, и скролл.. как вариант всё обернуть в один контейнер место боди, а в боди контейнер и этот див..
<body> <div id="conteiner"></div> <div id="wait_div"></div> </body> ну всё в принципе :) |
Цитата:
|
#wait_div {background: url('loading.png') center center no-repeat;} |
if(!this.ie6 && window.innerWidth && window.innerHeight && window.screen && window.screen.width && window.screen.height) { winWidth = parseInt(window.innerWidth); winHeight = parseInt(window.innerHeight); maxWidth = parseInt(window.screen.width); maxHeight = parseInt(window.screen.height); } if(this.ie) { if(document.documentElement.clientWidth && document.documentElement.clientHeight && document.body && document.body.offsetWidth && document.body.offsetWidth) { winWidth = parseInt(document.documentElement.clientWidth); winHeight = parseInt(document.documentElement.clientHeight); maxWidth = parseInt(document.body.offsetWidth); maxHeight = parseInt(document.body.offsetHeight); } }получаете полный размер документа (с учетом скроллинга) |
Для нормальных браузеров используем position: fixed.
Для остального, шестой версии, используем фикс: http://www.howtocreate.co.uk/fixedPosition.html |
Цитата:
|
Часовой пояс GMT +3, время: 19:40. |