Remove scrollbar jquery
jQuery('body').css({'overflow': 'hidden''height' : $( window ).height()});
See my fiddle: Here
Because your body doesn't have a set height, it isn't overflowing so overflow doesn't do anything by itself. When the dialogue is visible, add a height to your body.
body.dialog-visible { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden;}
use this css fro removing the scrollbar
::-webkit-scrollbar { display: none; }be sure to use in proper tag otherwise it will hide all scrollbar.