2012-03-29 3 views
0

Пожалуйста, посетите это link Нажмите на первое изображение. Теперь отображается страница Modal (я использовал этот jquery.nyroModal), чтобы показать это.jQuery Modal + .show() и .hide()

Итак, нажмите «aqui» над изображением.

На этом мероприятии я просто сделать это:

$(document).ready(function(){  

      $('#produtos').hide(); 
      $('#wrapper_detalhes').show(); 

      $('#exibe_detalhes').click(function(e) { 
       $('#wrapper_detalhes').show(); 
       $('#produtos').hide(); 
       e.preventDefault; 
       return false; 
      }); 

      $('#exibe_produtos').click(function(e) { 
       $('#wrapper_detalhes').hide(); 
       $('#produtos').show(); 
       e.preventDefault; 
       return false; 
      });   

      }); 

скрыть один Див, и показать другим, но на второй DIV я показывал id=produtos, когда я нажимаю на «Aqui» опять же, на мой модальное Windo, появляется полоса прокрутки ... но height и width такие же, как в первый раз, когда я открываю модальные ...

Что происходит ???

PS: Плиты появляются только на Chrome. На IE его показ очень приятный! Я не тестировал на Firefox

+0

Невозможно воспроизвести в Safari. Нет полосы прокрутки. –

+0

У вас есть Chrome для тестирования? – Preston

ответ

1

Применение переполнения css: скрытое правило для модального. Он должен заставлять любые полосы прокрутки уходить.

#modal { overflow: hidden; }