Position jQuery UI Dialog

by DugSohn

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.theme.min.css">
.

<div class="foo">
</div>






<!-- Post Info -->
<div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div>
		
		<div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
		</div><div>
    About this SO Question: <a...

JavaScript

$('.foo').dialog({
        autoOpen: true,
        height: 175,
        width: 150,
        title: "Dialog",
				modal: true,
				resizable: false,
				draggable: false,
				position: { my: "center top", at: "top+20", of: $('body')},



    });