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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№115-06-2006 11:56:05

Digital Mirror
ITшник
 
Группа: Members
Откуда: Россия, Екатеринбург
Зарегистрирован: 01-12-2004
Сообщений: 653
Веб-сайт

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

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

Суть:
Имеется слой(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 ?)


Безвыходных ситуаций не бывает, бывают выходы, которые нас не устраивают.
«Свободное ПО позволяет любому умному парню в мире встать на плечи предыдущих умных парней и сплясать свой маленький танец инновации.» - Марк Шаттлворт

Отсутствует

 

№215-06-2006 12:11:02

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

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

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

Отсутствует

 

№315-06-2006 13:15:04

mozilla_user
Участник
 
Группа: Members
Зарегистрирован: 05-06-2006
Сообщений: 31

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

Digital Mirror пишет

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

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

Отсутствует

 

№415-06-2006 15:28:00

Digital Mirror
ITшник
 
Группа: Members
Откуда: Россия, Екатеринбург
Зарегистрирован: 01-12-2004
Сообщений: 653
Веб-сайт

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

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

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

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

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


Безвыходных ситуаций не бывает, бывают выходы, которые нас не устраивают.
«Свободное ПО позволяет любому умному парню в мире встать на плечи предыдущих умных парней и сплясать свой маленький танец инновации.» - Марк Шаттлворт

Отсутствует

 

№515-06-2006 16:05:17

Digital Mirror
ITшник
 
Группа: Members
Откуда: Россия, Екатеринбург
Зарегистрирован: 01-12-2004
Сообщений: 653
Веб-сайт

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

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

Выделить код

Код:

<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 смазывания практически не заметно, зато при клике все ставновится как надо :)


Безвыходных ситуаций не бывает, бывают выходы, которые нас не устраивают.
«Свободное ПО позволяет любому умному парню в мире встать на плечи предыдущих умных парней и сплясать свой маленький танец инновации.» - Марк Шаттлворт

Отсутствует

 

№615-06-2006 16:38:27

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508

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

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

Отсутствует

 

№715-06-2006 17:08:33

Digital Mirror
ITшник
 
Группа: Members
Откуда: Россия, Екатеринбург
Зарегистрирован: 01-12-2004
Сообщений: 653
Веб-сайт

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

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

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


Безвыходных ситуаций не бывает, бывают выходы, которые нас не устраивают.
«Свободное ПО позволяет любому умному парню в мире встать на плечи предыдущих умных парней и сплясать свой маленький танец инновации.» - Марк Шаттлворт

Отсутствует

 

№815-06-2006 17:52:09

Lynn
Кофеман
 
Группа: Members
Откуда: Россия
Зарегистрирован: 16-02-2005
Сообщений: 1721
Веб-сайт

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

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

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


Isn't it ironic... don't you think? — Alanis Morissette

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]