<?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: Animated Page Scroll with jQuery</title>
	<atom:link href="http://oncemade.com/animated-page-scroll-with-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://oncemade.com/animated-page-scroll-with-jquery/</link>
	<description>Design, Web Dev, Inspiration</description>
	<lastBuildDate>Fri, 19 Feb 2010 15:58:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Rodrigo</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-4056</link>
		<dc:creator>Rodrigo</dc:creator>
		<pubDate>Fri, 19 Feb 2010 15:58:47 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-4056</guid>
		<description>Thanks for the comment Jamie. 
Try the following:
&lt;pre&gt;&lt;code&gt;$(document).ready(function() {
   var destination = $(&#039;#ID_of_the_element_to_scroll_to&#039;).offset().top;
   $(&quot;html:not(:animated),body:not(:animated)&quot;).animate({ scrollTop: destination-20}, 500 );
});
&lt;/code&gt;&lt;/pre&gt;

Here is a simple example with auto scroll. http://examples.oncemade.com/autoScrollJquery.html

Let me know if it works for you.</description>
		<content:encoded><![CDATA[<p>Thanks for the comment Jamie.<br />
Try the following:</p>
<pre><code>$(document).ready(function() {
   var destination = $('#ID_of_the_element_to_scroll_to').offset().top;
   $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500 );
});
</code></pre>
<p>Here is a simple example with auto scroll. <a href="http://examples.oncemade.com/autoScrollJquery.html" rel="nofollow">http://examples.oncemade.com/autoScrollJquery.html</a></p>
<p>Let me know if it works for you.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jamie</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-4053</link>
		<dc:creator>Jamie</dc:creator>
		<pubDate>Fri, 19 Feb 2010 10:00:37 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-4053</guid>
		<description>This is great - thanks a lot for making it available.

I&#039;d like to replicate the effect but scroll on page load, rather than when clicking on a link.

Could you give me any tips on how to tweak the script to achieve that please?</description>
		<content:encoded><![CDATA[<p>This is great &#8211; thanks a lot for making it available.</p>
<p>I&#8217;d like to replicate the effect but scroll on page load, rather than when clicking on a link.</p>
<p>Could you give me any tips on how to tweak the script to achieve that please?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chib</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-3917</link>
		<dc:creator>Chib</dc:creator>
		<pubDate>Mon, 25 Jan 2010 09:30:10 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-3917</guid>
		<description>Please help me,
I&#039;m having a problem applying the function. How do you apply it to the href?

Thanks</description>
		<content:encoded><![CDATA[<p>Please help me,<br />
I&#8217;m having a problem applying the function. How do you apply it to the href?</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Rodrigo</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-3191</link>
		<dc:creator>Rodrigo</dc:creator>
		<pubDate>Fri, 20 Nov 2009 04:47:46 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-3191</guid>
		<description>Thanks for your comment Ceaser.

There is a plugin called scrollto that might be what you&#039;re looking for. http://demos.flesler.com/jquery/scrollTo/

I hope it helps.
Rodrigo</description>
		<content:encoded><![CDATA[<p>Thanks for your comment Ceaser.</p>
<p>There is a plugin called scrollto that might be what you&#8217;re looking for. <a href="http://demos.flesler.com/jquery/scrollTo/" rel="nofollow">http://demos.flesler.com/jquery/scrollTo/</a></p>
<p>I hope it helps.<br />
Rodrigo</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ceaser</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-3159</link>
		<dc:creator>Ceaser</dc:creator>
		<pubDate>Wed, 18 Nov 2009 07:51:54 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-3159</guid>
		<description>Hi Rodrigo thanks for putting this little tutorial together for us. I have a question about how to implement this on my website and if you could give me any advice I&#039;d greatly appreciate it!

I have a website that doesn&#039;t scroll up and down but sideways instead and I have numerous div&#039;s going to the right of the page and I wanted to be able to scroll to each div to the right (each div is about 300px). So in a nutshell, instead of scrolling to the top of the page once I&#039;d be scrolling to the right of the page multiple times ... do you know how I could implement this with your code?

Thanks Again!</description>
		<content:encoded><![CDATA[<p>Hi Rodrigo thanks for putting this little tutorial together for us. I have a question about how to implement this on my website and if you could give me any advice I&#8217;d greatly appreciate it!</p>
<p>I have a website that doesn&#8217;t scroll up and down but sideways instead and I have numerous div&#8217;s going to the right of the page and I wanted to be able to scroll to each div to the right (each div is about 300px). So in a nutshell, instead of scrolling to the top of the page once I&#8217;d be scrolling to the right of the page multiple times &#8230; do you know how I could implement this with your code?</p>
<p>Thanks Again!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Shahriar Hyder</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-2474</link>
		<dc:creator>Shahriar Hyder</dc:creator>
		<pubDate>Mon, 12 Oct 2009 05:14:35 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-2474</guid>
		<description>Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/</description>
		<content:encoded><![CDATA[<p>Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:</p>
<p><a href="http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/" rel="nofollow">http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance &#171; Technosiastic!</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-2473</link>
		<dc:creator>Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance &#171; Technosiastic!</dc:creator>
		<pubDate>Mon, 12 Oct 2009 04:42:05 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-2473</guid>
		<description>[...] Animated Page Scroll with jQuery [...]</description>
		<content:encoded><![CDATA[<p>[...] Animated Page Scroll with jQuery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nanda</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-2235</link>
		<dc:creator>Nanda</dc:creator>
		<pubDate>Fri, 02 Oct 2009 10:44:01 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-2235</guid>
		<description>Thanks a lot for this, very useful.</description>
		<content:encoded><![CDATA[<p>Thanks a lot for this, very useful.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: kyl</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-1376</link>
		<dc:creator>kyl</dc:creator>
		<pubDate>Sat, 29 Aug 2009 21:01:18 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-1376</guid>
		<description>thanks for the code.
The beauty of JavaScript frameworks is that you can copy, paste and tweak. They are timesavers (a reflection of workplace conditions) and not commentaries on the expertise of those implementing them.</description>
		<content:encoded><![CDATA[<p>thanks for the code.<br />
The beauty of JavaScript frameworks is that you can copy, paste and tweak. They are timesavers (a reflection of workplace conditions) and not commentaries on the expertise of those implementing them.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Rodrigo</title>
		<link>http://oncemade.com/animated-page-scroll-with-jquery/comment-page-1/#comment-1274</link>
		<dc:creator>Rodrigo</dc:creator>
		<pubDate>Sun, 23 Aug 2009 20:55:00 +0000</pubDate>
		<guid isPermaLink="false">http://oncemade.com/?p=613#comment-1274</guid>
		<description>Thanks Leandro!
Eu sou brasileiro sim ;-)</description>
		<content:encoded><![CDATA[<p>Thanks Leandro!<br />
Eu sou brasileiro sim <img src='http://oncemade.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
</channel>
</rss>
