jQuery Modal + .show（）と.hide（）

Question

これにアクセスしてくださいlink 最初の画像をクリックしてください。これを表示するためにモーダルページ（私はこのjquery.nyroModalを使用しました）を表示しています。

ここで、画像の上にある「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; 
      });   

      }); 

隠す1つのdivをし、別のものを示しているが、私は私のモーダルwindoに、再び「AQUI」をクリックしたときに、第2のdivに私はid=produtosを見せていました、スクロールバーが表示されます...しかし、heightとは初めてモーダルを開いたときと同じです。

whats happening ???

PS：バーはChromeでのみ表示されます。 IE上では非常に素晴らしい表示！私はFirefoxでテストされていません

Answer 1

モーダルにCSSのオーバーフロー：隠しルールを適用します。スクロールバーを強制的に消さなければなりません。

#modal { overflow: hidden; }