CODEWITHSUNDEEP
jqueryhtmlcss
Preston
Preston

Reputation: 2185

jQuery Modal + .show() and .hide()

Please visit this link Click on first Image. Now is showing the Modal page (i used this jquery.nyroModal) to show this.

Ok, Now, click on "aqui" above the image.

On this action i simple do this:

$(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;
            });         

            });

hide one div, and show another, but on the second div i was showing id=produtos when i click on "aqui" again, on my modal windo, appears scrollbars... but the height and width are the same as the first time i open the modal...

whats happening???

PS: The bars apears only on Chrome. On IE its showing very nice! I dont tested on Firefox

Upvotes: 0

Views: 3815

Answers (1)

Matthew Blancarte
Matthew Blancarte

Reputation: 8301

Apply a css overflow:hidden rule to the modal. It should force any scroll bars to go away.

#modal { overflow: hidden; }

Upvotes: 1

Related Questions