private-face / jquery.fullscreen

jQuery plugin for opening page elements in fullscreen mode.
MIT License
148 stars 83 forks source link

element with css (position: relative; ) #7

Closed SAVpro closed 11 years ago

SAVpro commented 11 years ago

1) css

id{position: relative;}

script $('#id').fullscreen({overflow:"auto"});

i open element in fullscreen, scroll page down and exit from fullscreen. my element is cut off from above at a size scroll

when "position: static " all good =)

2) IE test your sample. bad work scroll: ie7 --- scroll-x - 0.5 scroll visible --- scroll-y - 1 scroll visible(good) ie8 --- all good ie9 --- scroll-x - 2 scrolls visible --- scroll-x - 2 scrolls visible

private-face commented 11 years ago

@SAVpro Can you tell in which browsers you have first issue? I would be also better if you give a sample code (on http://jsfiddle.net for example).

SAVpro commented 11 years ago

Да это небольшой баг, врядли кто-то так будет использовать=) Пробовал в jsfiddle.net сделать пример, но что-то там твой плагин никак не захотел работать.

Запуск $('#fullscreen').fullscreen({overflow: "scroll"});

Ты в своем примере измени div id="fullscreen"> h2>Example на div id="fullscreen" style="position:relative;"> div id="contentID" style="position:relative;"> h2>Example

и добавь контента побольше в "contentID" так чтобы прокруктка в полноэкранном режиме появилась

Когда войдешь в полноэкранный режим, немного прокрутишь контент вниз, и нажмешь $('#fullscreen').click... весь контент уезжает вверх на велличину прокрутки.


по поводу скролов в IE... я убрал из вашего скрипта width=100%;height:100% все стало корректно но в IE7 правый не хотел уходить, пришлось для html{overflow: hidden;}