<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Fixed positioning in Mobile Safari</title>
	<atom:link href="http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/feed/" rel="self" type="application/rss+xml" />
	<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/</link>
	<description>Doctyper is the website of Richard Herrera, a front-end developer with a strong commitment to the web standards movement.</description>
	<lastBuildDate>Wed, 17 Mar 2010 22:18:37 -0700</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: The Issues of iPhone Web Apps</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-2/#comment-54484</link>
		<dc:creator>The Issues of iPhone Web Apps</dc:creator>
		<pubDate>Wed, 17 Mar 2010 22:18:37 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-54484</guid>
		<description>[...] part of the interface I designed, and on my laptop, the page worked beautifully. As it turns out, there is a work-around, but I decided not to use it. While I was researching this issue, I had a little [...]</description>
		<content:encoded><![CDATA[<p>[...] part of the interface I designed, and on my laptop, the page worked beautifully. As it turns out, there is a work-around, but I decided not to use it. While I was researching this issue, I had a little [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: iPhone : problème de positionnement absolu / Développement &#124; Émile Girard</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-2/#comment-53296</link>
		<dc:creator>iPhone : problème de positionnement absolu / Développement &#124; Émile Girard</dc:creator>
		<pubDate>Tue, 16 Feb 2010 23:06:52 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-53296</guid>
		<description>[...] solution alternative existe cependant ce script très intéressant que j&#8217;ai déniché et qui émule les actions de navigation en javascript. Toutefois ce [...]</description>
		<content:encoded><![CDATA[<p>[...] solution alternative existe cependant ce script très intéressant que j&#8217;ai déniché et qui émule les actions de navigation en javascript. Toutefois ce [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bob</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52879</link>
		<dc:creator>Bob</dc:creator>
		<pubDate>Thu, 04 Feb 2010 22:40:01 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52879</guid>
		<description>Thanks for the wonderful script.  An issue I am running into is that I load some of my &quot;&#039;s&quot; via ajax.  This happens AFTER the page has already been loaded.  As soon as I remove the &quot;fixed.js&quot; file everything works correct.  What I am assuming is that because I am adjusting the content of the &quot;content&quot; div on the fly the fixed.js file is &quot;confused&quot;.

Is there a way to &quot;refresh&quot; your stuff after the content has been added?

Thanks!</description>
		<content:encoded><![CDATA[<p>Thanks for the wonderful script.  An issue I am running into is that I load some of my &#8220;&#8217;s&#8221; via ajax.  This happens AFTER the page has already been loaded.  As soon as I remove the &#8220;fixed.js&#8221; file everything works correct.  What I am assuming is that because I am adjusting the content of the &#8220;content&#8221; div on the fly the fixed.js file is &#8220;confused&#8221;.</p>
<p>Is there a way to &#8220;refresh&#8221; your stuff after the content has been added?</p>
<p>Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Sijo</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52340</link>
		<dc:creator>Sijo</dc:creator>
		<pubDate>Fri, 22 Jan 2010 13:14:57 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52340</guid>
		<description>Its very  good post..thanks for sharing</description>
		<content:encoded><![CDATA[<p>Its very  good post..thanks for sharing</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Sijo</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52339</link>
		<dc:creator>Sijo</dc:creator>
		<pubDate>Fri, 22 Jan 2010 13:13:53 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52339</guid>
		<description>Wonderfull demo ....its very much helped me . am a fresher in Iphone programming..  was confused about how this can do... Demo  helped me alot.........thanks for sharing.....</description>
		<content:encoded><![CDATA[<p>Wonderfull demo &#8230;.its very much helped me . am a fresher in Iphone programming..  was confused about how this can do&#8230; Demo  helped me alot&#8230;&#8230;&#8230;thanks for sharing&#8230;..</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Anni Kotilainen</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52203</link>
		<dc:creator>Anni Kotilainen</dc:creator>
		<pubDate>Mon, 18 Jan 2010 09:45:08 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52203</guid>
		<description>The problem with the &quot;scrolled&quot; class being re-added can be fixed by adding a constraint so that it&#039;s only added if there has been at least, say, 1 second since the last orientation change.

Below is the modified piece of code.

this.orientChangedAt = new Date().getTime();
			
// Can&#039;t prevent user from tapping status bar
// So instead, readjust fixed positions
window.addEventListener(&quot;scroll&quot;, function() {
$i.utils.addClass(document.body, &quot;scrolled&quot;);
				if (new Date().getTime() - this.orientChangedAt &lt; 1000)
					$i.utils.removeClass(document.body, &quot;scrolled&quot;);
			}, false);
				
			// Remove scroll class on orientation change
			window.addEventListener(&quot;orientationchange&quot;, function() {
				$i.utils.removeClass(document.body, &quot;scrolled&quot;);
				this.orientChangedAt = new Date().getTime();
			}, false);</description>
		<content:encoded><![CDATA[<p>The problem with the &#8220;scrolled&#8221; class being re-added can be fixed by adding a constraint so that it&#8217;s only added if there has been at least, say, 1 second since the last orientation change.</p>
<p>Below is the modified piece of code.</p>
<p>this.orientChangedAt = new Date().getTime();</p>
<p>// Can&#8217;t prevent user from tapping status bar<br />
// So instead, readjust fixed positions<br />
window.addEventListener(&#8221;scroll&#8221;, function() {<br />
$i.utils.addClass(document.body, &#8220;scrolled&#8221;);<br />
				if (new Date().getTime() &#8211; this.orientChangedAt &lt; 1000)<br />
					$i.utils.removeClass(document.body, &quot;scrolled&quot;);<br />
			}, false);</p>
<p>			// Remove scroll class on orientation change<br />
			window.addEventListener(&quot;orientationchange&quot;, function() {<br />
				$i.utils.removeClass(document.body, &quot;scrolled&quot;);<br />
				this.orientChangedAt = new Date().getTime();<br />
			}, false);</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: David Alexander</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52082</link>
		<dc:creator>David Alexander</dc:creator>
		<pubDate>Thu, 14 Jan 2010 23:15:20 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52082</guid>
		<description>* Correction : Comment Ln.123: &quot;window.addEventListener(&quot;orientationchange&quot;, $i.utils.hideURLBar, false);&quot;</description>
		<content:encoded><![CDATA[<p>* Correction : Comment Ln.123: &#8220;window.addEventListener(&#8221;orientationchange&#8221;, $i.utils.hideURLBar, false);&#8221;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: David Alexander</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-52081</link>
		<dc:creator>David Alexander</dc:creator>
		<pubDate>Thu, 14 Jan 2010 23:13:44 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-52081</guid>
		<description>@MT - yes it looks like the &#039;scroll&#039; event gets automatically triggered after the &#039;orientationchange&#039; event has fired. This instantly adds the &#039;scrolled&#039; class, which has just been removed, back to the  element.

Afraid I can&#039;t see a way round this unless you comment out Ln.127 &quot;window.addEventListener(&quot;orientationchange&quot;, $i.utils.updateOrientation, false);&quot; which would prevent the address bar being hidden when the orientation changes, so the lack of &#039;scrolled&#039; class would in fact be correct.</description>
		<content:encoded><![CDATA[<p>@MT &#8211; yes it looks like the &#8217;scroll&#8217; event gets automatically triggered after the &#8216;orientationchange&#8217; event has fired. This instantly adds the &#8217;scrolled&#8217; class, which has just been removed, back to the  element.</p>
<p>Afraid I can&#8217;t see a way round this unless you comment out Ln.127 &#8220;window.addEventListener(&#8221;orientationchange&#8221;, $i.utils.updateOrientation, false);&#8221; which would prevent the address bar being hidden when the orientation changes, so the lack of &#8217;scrolled&#8217; class would in fact be correct.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ben Facts / Webkit Sample Repository</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-50287</link>
		<dc:creator>Ben Facts / Webkit Sample Repository</dc:creator>
		<pubDate>Fri, 04 Dec 2009 18:05:04 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-50287</guid>
		<description>[...] Positioning / Context (Referred by Sherif [...]</description>
		<content:encoded><![CDATA[<p>[...] Positioning / Context (Referred by Sherif [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris</title>
		<link>http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/comment-page-1/#comment-49878</link>
		<dc:creator>Chris</dc:creator>
		<pubDate>Tue, 24 Nov 2009 20:52:01 +0000</pubDate>
		<guid isPermaLink="false">http://doctyper.com/?p=44#comment-49878</guid>
		<description>I tried right now on android 1.6. It also works there. Just a bit slower, but works. Thanks, I need it for multiple platforms.</description>
		<content:encoded><![CDATA[<p>I tried right now on android 1.6. It also works there. Just a bit slower, but works. Thanks, I need it for multiple platforms.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
