JQuery UI position with fixed position

by DugSohn

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mauris purus, pharetra tempor luctus et, porta id leo. Quisque vel augue lectus. Vestibulum lobortis nibh nec urna pretium tristique. Mauris dapibus orci vel leo accumsan fringilla. Maecenas sit amet neque ut eros fringilla semper. Sed luctus hendrerit nisi, id commodo felis volutpat vel. Fusce consectetur lacus eget eros mattis ut pulvinar risus ornare. Ut faucibus, neque at consectetur ultricies, ligula purus auctor justo, ut pharetra tellus ligula ac urna. Donec tempor tempus risus, at accumsan nulla semper sed. Ut orci nulla, imperdiet rutrum feugiat laoreet, dictum non ipsum. Etiam et suscipit erat. Donec tincidunt ligula in orci porta commodo cursus lorem mollis. Nam vulputate congue nisi ut placerat. Sed bibendum quam non metus ultrices in feugiat enim lobortis. Donec eros mauris, porttitor quis consectetur non, pellentesque eget arcu. Nullam vulputate dui vel enim varius tempus. Ut a mauris vel sapien consequat faucibus vel ac nisl. Suspendisse sed fermentum est. Morbi molestie leo non eros volutpat eget commodo libero ullamcorper. Sed blandit pulvinar ante, sed venenatis nisl ullamcorper quis. Duis lobortis posuere convallis. Quisque vestibulum tellus et dolor convallis quis sollicitudin neque molestie. Nunc volutpat bibendum condimentum. Ut facilisis mollis tortor id tincidunt. Donec sit amet dolor justo, sit amet ultricies tortor. Fusce sit amet magna ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam lacinia consequat erat id hendrerit. Cras sagittis, tellus sed aliquam gravida, libero nibh laoreet nisi, eget posuere tortor sapien vitae metus. Vivamus sed scelerisque est. Curabitur auctor, augue at fringilla congue, ante ante elementum est, nec dapibus tortor nulla sit amet ante. Suspendisse sodales libero non odio dictum rutrum. Aenean congue aliquet nunc, eu ullamcorper urna molestie vel. Fusce hendrerit ligula a tellus facilisis...

CSS

#test {
    position: fixed;
    right: 300px;
    bottom: 300px;
    background: #000000;
    color: #FFFFFF;
    width: 200px;
    height: 50px;
}

JavaScript

var of = $(window);
var my = "left top";
var at = "center top";
$("#test").position({
    of: of,
    my: my,
    at: at,
    collision: "fit"
});