2012-03-29 205 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,並顯示對方,但在第二個div我顯示id=produtos當我再次對「褐」點擊,我的情態WINDO,出現滾動條...但heightwidth是相同的,我第一次打開模式...

最新情況???

PS:酒吧apears只在Chrome上。在IE瀏覽器上顯示非常好!我沒有在Firefox上測試過

+0

無法在Safari中重現。沒有滾動條出現。 – 2012-03-29 02:31:45

+0

你有Chrome嗎? – Preston 2012-03-29 02:34:47

回答

1

將css overflow:hidden規則應用於模態。它應該強制任何滾動條消失。

#modal { overflow: hidden; }