DIV: скрытые слои и прокрутка

Digital Mirror · №1

Вобщем, перерыл эту ветку форума, по моему нет подобных проблем.

Суть:
Имеется слой(div) у слоя параметры: позиция fixed, видимость hidden
(

Код:

<div onclick="showOrHide('StartMenu');" name="StartMenu" id="StartMenu" style='position: fixed;visibility: hidden;white-space: nowrap;z-index:1;top: 28px;left: 177px;width: 200px;height: auto;overflow:visible;padding: 2px;background:#e6e6e6;border:1px outset #e6e6e6;'>

)
Имеетя другой слой, параметры: absolute, видимость visible
(

Выделить код

Код:

<div name="SunC" id="SunC" style="position:absolute; visibility:visible; z-index:10; width:800px; height:auto; left:120px; top:85px;" >

)
Имеется содержимое сайта так, что есть вертикальная прокрутка.

Далее:
невидимый фиксированный слой находится под видимым слоем (разрулено z-index'ом, хотя в принципе не важно какой из них под каким?)

Ситуация:
При прокрутке сайта невидимый слой создает на видимом эффект слайда (прозрачное искажение содержимого видимого слоя только при прокрутке, как бы задержка области при прокручивании)
Причем ни в Opera ни в IE этого не происходит.

Вопрос: какими -moz хаками это можно победить и можно ли?(особенность рендернига Gecko ?)

Al_H · №2

Особенность. А если прибавить opacity: 0;
?

mozilla_user · №3

Digital Mirror пишет

Вопрос: какими -moz хаками это можно победить и можно ли?(особенность рендернига Gecko ?)

Встречный вопрос: какие элементы содержаться в fixed div?

Digital Mirror · №4

в фиксированном прогружается динамичное меню по разделам сайта (JS+CSS) но в других браузерах то нет проблемы, вряд ли дело в содержимом DIV (я делал даже просто пустой слой, без содержимого - все одинаково)
Al_H

А если прибавить opacity: 0;

слой перестает отображаться когда скрипт его вызывает (делает visible) да и ситауцию со смазывание тоже не решает... жаль что особенность - не очень красиво смотрится...
просто я надеялся что есть какие либо хаки для Gecko в таком случае...

Отредактировано Digital Mirror (15-06-2006 15:28:48)

Digital Mirror · №5

Вы знаете, как ни странно, создание темы здесь побудило меня думать
Вобщем решил проблему поправив скрипт - раз нельзя убрать эффект, значит надо автоматически уменьшать слой вот что получилось

Выделить код

Код:

<script language="JavaScript" type="text/javascript">
function showOrHide(WindowName)
{
 { 
 elbox=document.getElementById(WindowName);
  if(elbox.style.visibility=='hidden' )
   {
	elbox.style.visibility='visible';
   } else {
	elbox.style.visibility='hidden' ;
   }
   if(elbox.style.overflow=='hidden')
   {
	elbox.style.overflow='visible' ;
   } else {
	 elbox.style.overflow='hidden';
   }
     if(elbox.style.height=='0px')
   {
	elbox.style.height='auto' ;
   } else {
	 elbox.style.height='0px';
   }
 };
 return false;  
} 
</script>

в принципе при height: 0px смазывания практически не заметно, зато при клике все ставновится как надо

Al_H · №6

Есть другой вариант - делать не маленькую высоту, а margin-left ставить в -1000px.

Digital Mirror · №7

margin-left ставить в -1000px.

с margin-left не заладилось (наверно тире не понравилось) зато благодаря вашей подсказке меня осенило управлять еще поизицей слоя, я в скрытом режиме закинул его под другой фиксированный слой
Теперь при прокрутке ничего не мешает

Lynn · №8

с margin-left не заладилось (наверно тире не понравилось)

Потому что надо elbox.style.marginLeft…

Полезная информация

№115-06-2006 11:56:05