Forget all of the above... try this :-
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$('#btnPopup').click(function() {
var diag = $("<div>DialogOpen content in an interactive overlay.Examples Default functionality AnimationBasic modal Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.</div>");
diag.dialog({
title: 'My Pop-up',
dialogClass: 'dialog_fixed,ui-widget-header',
modal: true,
width: 850,
minHeight: 400,
draggable:true
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="Click to open Pop-up!" id="btnPopup" />
</div>
</form>
</body>
</html>
Now, when you run this code on browser, try resizing the pop-up window. You can see the scrolling......
Hope, this will helps you...
Submit an article or tip