{"id":3050,"date":"2016-09-08T17:22:07","date_gmt":"2016-09-08T17:22:07","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3050"},"modified":"2016-09-08T17:25:49","modified_gmt":"2016-09-08T17:25:49","slug":"falling-basketball-with-css-fixed-positioning","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/falling-basketball-with-css-fixed-positioning\/","title":{"rendered":"Falling Basketball With CSS Fixed Positioning"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.emailonacid.com\/images\/blog_images\/Emailology\/2016\/css_fixed2\/AugInteractive_blogV1.gif\"  width=\"510\" class=\"aligncenter size-full wp-image-2945\" \/><BR><\/p>\n<p>This is a cool interactive email featuring a falling basketball. This email takes advantage of the thin and tall nature of a mobile email client for its effect.<\/p>\n<p>Fixed positioning (position:fixed) allows an element to stay at a fixed position in the screen when scrolling over content. This feature has long been supported by iOS Mail (though not Apple Mail). Unfortunately it looks like this feature might be removed in the <a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/what-to-expect-when-youre-expecting-ios-10\">next iOS version<\/a> (iOS10).<BR><BR><\/p>\n<p> <a href=\"https:\/\/freshinbox.com\/examples\/basketball-dunk\/\">Send yourself the example&#8230;<\/a><BR><\/p>\n<p> <a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/what-you-need-to-know-about-css-fixed-positioning-in-email?utm_referrer=freshinbox\">Read how this email was designed&#8230;<\/a><\/p>\n<p><BR><BR><\/p>\n<div style=\"padding:10px; border: 2px solid #99C731;background-color:#FFF8DC;border-radius:5px;\">\n<form action=\"https:\/\/freshinbox1.createsend.com\/t\/i\/s\/adrmi\/\" method=\"post\" id=\"subForm\">\n<span class=\"fisub_header\" style=\"font-weight:bold;\">Subscribe to the #EmailGeeks Newsletter<\/span>\n<p><input id=\"fieldEmail\" name=\"cm-adrmi-adrmi\" type=\"email\" style=\"width:90%\" required placeholder=\"Your Email Address\" \/><\/p>\n<p><button type=\"submit\">Subscribe<\/button><\/p>\n<\/form>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is a cool interactive email featuring a falling basketball. This email takes advantage of the thin and tall nature of a mobile email client for its effect.<BR><BR><br \/>\n Apparently fixed positioning support is going away in iOS10. Here&#8217;s your last chance to experience this technique before its gone.<\/p>\n","protected":false},"author":2,"featured_media":3056,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[48,24,47],"tags":[],"_links":{"self":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3050"}],"collection":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/comments?post=3050"}],"version-history":[{"count":10,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3050\/revisions"}],"predecessor-version":[{"id":3062,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3050\/revisions\/3062"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media\/3056"}],"wp:attachment":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media?parent=3050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/categories?post=3050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/tags?post=3050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}