{"id":100,"date":"2015-11-10T10:20:25","date_gmt":"2015-11-10T04:20:25","guid":{"rendered":"http:\/\/ronniee.net\/?p=100"},"modified":"2015-11-10T10:20:25","modified_gmt":"2015-11-10T04:20:25","slug":"how-to-position-fancybox-on-top","status":"publish","type":"post","link":"https:\/\/ronniee.net\/?p=100","title":{"rendered":"How to position fancybox on top"},"content":{"rendered":"<p>In fancyBox 2 I use topRatio : 0, this propery move fancyBox at top, then I used jQuery().css() to put it where I want. Example:<\/p>\n<pre class=\"lang:js decode:true \" >$(\"#myfancy\").fancybox({\r\n    maxWidth\t: 800,\r\n\tmaxHeight\t: 600,\r\n\tfitToView\t: true,\r\n\tautoSize\t: false,\r\n\ttopRatio    \t: 0,\r\n\thideOnOverlayClick\t: false,\r\n\tafterShow: function(){\r\n\t\tjQuery(\".fancybox-wrap\").css({\"top\":0, \"margin-top\":\"100px\"});\r\n\t}\r\n});<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>In fancyBox 2 I use topRatio : 0, this propery move fancyBox at top, then I used jQuery().css() to put it where I want. Example: $(&#8220;#myfancy&#8221;).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : true, autoSize : false, topRatio : 0, hideOnOverlayClick : false, afterShow: function(){ jQuery(&#8220;.fancybox-wrap&#8221;).css({&#8220;top&#8221;:0, &#8220;margin-top&#8221;:&#8221;100px&#8221;}); } });<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-100","post","type-post","status-publish","format-standard","hentry","category-jquery"],"_links":{"self":[{"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/posts\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ronniee.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":1,"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/posts\/100\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/ronniee.net\/index.php?rest_route=\/wp\/v2\/posts\/100\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/ronniee.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ronniee.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ronniee.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}