[jQuery] Auto scrolling the page to a specific point -likeanchor links with animation

[jQuery] Auto scrolling the page to a specific point -likeanchor links with animation

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2900.3020" name=GENERATOR></HEAD>
<BODY
style="WORD-WRAP: break-word; khtml-nbsp-mode: space; khtml-line-break: after-white-space">
<DIV><SPAN class=390291117-28122006><FONT face=Arial color=#0000ff size=2>Thank
you Karl...is this the only thing I need to include (other than
jQuery)?</FONT></SPAN></DIV>
<P><FONT size=2><!----------------//------<BR>andy matthews<BR>web
developer<BR>certified advanced coldfusion programmer<BR>ICGLink,
Inc.<BR>andy@icglink.com<BR>615.370.1530
x737<BR>--------------//---------></FONT> </P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of </B>Karl
Swedberg<BR><B>Sent:</B> Thursday, December 28, 2006 10:52 AM<BR><B>To:</B>
jQuery Discussion.<BR><B>Subject:</B> Re: [jQuery] Auto scrolling the page to
a specific point -likeanchor links with animation<BR><BR></FONT></DIV>You're
right. Sorry about that, Andy.
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>Tried to attach a tested copy of scrollto.js, but the mailserver rejected
it. So, you can find it here now:</DIV>
<DIV><A
href="http://www.karlswedberg.com/scripts/scrollto.js">http://www.karlswedberg.com/scripts/scrollto.js</A></DIV>
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>Hope that helps.<BR>
<DIV><SPAN class=Apple-style-span
style="WORD-SPACING: 0px; FONT: 12px Helvetica; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; border-spacing: 0px 0px; khtml-text-decorations-in-effect: none; apple-text-size-adjust: auto; orphans: 2; widows: 2"><BR
class=Apple-interchange-newline><SPAN class=Apple-style-span
style="WORD-SPACING: 0px; FONT: 12px Helvetica; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; border-spacing: 0px 0px; khtml-text-decorations-in-effect: none; apple-text-size-adjust: auto; orphans: 2; widows: 2">
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>--Karl</DIV>
<DIV>_________________</DIV>
<DIV>Karl Swedberg</DIV>
<DIV>www.englishrules.com</DIV>
<DIV>www.learningjquery.com</DIV>
<DIV><BR class=khtml-block-placeholder></DIV><BR
class=Apple-interchange-newline></SPAN></SPAN></DIV><BR>
<DIV>
<DIV>On Dec 28, 2006, at 10:21 AM, Andy Matthews wrote:</DIV><BR
class=Apple-interchange-newline>
<BLOCKQUOTE type="cite">
<DIV><SPAN class=875352015-28122006><FONT face=Arial color=#0000ff
size=2>Karl...</FONT></SPAN></DIV>
<DIV><SPAN class=875352015-28122006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN></DIV>
<DIV><SPAN class=875352015-28122006><FONT face=Arial color=#0000ff
size=2>When I try to use the interactive builder, I select the FX - Scroll
plugin, click the "save your selection" link, then save the file. But when I
open it, the file is blank except for the information at the
top.</FONT></SPAN></DIV>
<DIV></DIV>
<P><FONT size=2><!----------------//------<BR>andy matthews<BR>web
developer<BR>certified advanced coldfusion programmer<BR>ICGLink, Inc.<BR><A
href="mailto:andy@icglink.com">andy@icglink.com</A><BR>615.370.1530
x737<BR>--------------//---------></FONT> </P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B>
discuss-bounces@jquery.com [<A
href="mailto:discuss-bounces@jquery.com">mailto:discuss-bounces@jquery.com</A>]<B>On
Behalf Of </B>Karl Swedberg<BR><B>Sent:</B> Thursday, December 28, 2006
9:01 AM<BR><B>To:</B> jQuery Discussion.<BR><B>Subject:</B> Re: [jQuery]
Auto scrolling the page to a specific point - likeanchor links with
animation<BR><BR></FONT></DIV>Hi Andy,
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>I think the ifxscroll.js is dependent on another component of the
Interface plugin, so grabbing that single .js file won't work. Instead, go
to <A
href="http://interface.eyecon.ro/download">http://interface.eyecon.ro/download</A>
and use the interactive download builder. When you go to save it, the file
name should default to interface.js, which of course you can change once
it's saved on your machine. </DIV>
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>If you still have problems, let me know and I'll send a copy of it
off-list.<BR>
<DIV><SPAN class=Apple-style-span
style="WORD-SPACING: 0px; FONT: 12px Helvetica; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; border-spacing: 0px 0px; khtml-text-decorations-in-effect: none; apple-text-size-adjust: auto; orphans: 2; widows: 2"><BR
class=Apple-interchange-newline><SPAN class=Apple-style-span
style="WORD-SPACING: 0px; FONT: 12px Helvetica; TEXT-TRANSFORM: none; COLOR: rgb(0,0,0); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; border-spacing: 0px 0px; khtml-text-decorations-in-effect: none; apple-text-size-adjust: auto; orphans: 2; widows: 2">
<DIV><BR class=khtml-block-placeholder></DIV>
<DIV>--Karl</DIV>
<DIV>_________________</DIV>
<DIV>Karl Swedberg</DIV>
<DIV>www.englishrules.com</DIV>
<DIV>www.learningjquery.com</DIV>
<DIV><BR class=khtml-block-placeholder></DIV><BR
class=Apple-interchange-newline></SPAN></SPAN></DIV><BR>
<DIV>
<DIV>On Dec 28, 2006, at 9:38 AM, Andy Matthews wrote:</DIV><BR
class=Apple-interchange-newline>
<BLOCKQUOTE type="cite">
<DIV style="MARGIN: 0px">Okay...</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">I've downloaded the ifxscroll.js file and I've
set it up after the call to</DIV>
<DIV style="MARGIN: 0px">jQuery.js in my code. I've got this line:</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">$('#ST').ScrollTo(800);</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">And it's giving me this error:</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">jQuery.iUtil is null or not an object.</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">I'm not using Prototype so I haven't reassigned
the $ call. Any ideas</DIV>
<DIV style="MARGIN: 0px">anyone? This is mostly fluff, but I'd like to
get it working if possible.</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px"><!----------------//------</DIV>
<DIV style="MARGIN: 0px">andy matthews</DIV>
<DIV style="MARGIN: 0px">web developer</DIV>
<DIV style="MARGIN: 0px">certified advanced coldfusion programmer</DIV>
<DIV style="MARGIN: 0px">ICGLink, Inc.</DIV>
<DIV style="MARGIN: 0px"><A
href="mailto:andy@icglink.com">andy@icglink.com</A></DIV>
<DIV style="MARGIN: 0px">615.370.1530 x737</DIV>
<DIV style="MARGIN: 0px">--------------//---------></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">-----Original Message-----</DIV>
<DIV style="MARGIN: 0px">From: <A
href="mailto:discuss-bounces@jquery.com">discuss-bounces@jquery.com</A>
[<A
href="mailto:discuss-bounces@jquery.com">mailto:discuss-bounces@jquery.com</A>]On</DIV>
<DIV style="MARGIN: 0px">Behalf Of David Duymelinck</DIV>
<DIV style="MARGIN: 0px">Sent: Thursday, December 28, 2006 8:05 AM</DIV>
<DIV style="MARGIN: 0px">To: jQuery Discussion.</DIV>
<DIV style="MARGIN: 0px">Subject: Re: [jQuery] Auto scrolling the page
to a specific point - like</DIV>
<DIV style="MARGIN: 0px">anchor links with animation</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">Andy Matthews schreef:</DIV>
<BLOCKQUOTE type="cite">
<DIV style="MARGIN: 0px">I've seen some sites (not sure if they're
jQuery powered or not) that have</DIV></BLOCKQUOTE>
<DIV style="MARGIN: 0px">a</DIV>
<BLOCKQUOTE type="cite">
<DIV style="MARGIN: 0px">page scroll triggered where the window
auto-scrolls down to a certain</DIV></BLOCKQUOTE>
<DIV style="MARGIN: 0px">point</DIV>
<BLOCKQUOTE type="cite">
<DIV style="MARGIN: 0px">on the page. Sort of link using an anchor
link, but you can actually see</DIV></BLOCKQUOTE>
<DIV style="MARGIN: 0px">the</DIV>
<BLOCKQUOTE type="cite">
<DIV style="MARGIN: 0px">page moving.</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV></BLOCKQUOTE>
<DIV style="MARGIN: 0px">it's a part of the interface plugin. scrollto
it the name of the function</DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MARGIN: 0px">--</DIV>
<DIV style="MARGIN: 0px">David Duymelinck</DIV>
<DIV style="MARGIN: 0px">________________</DIV>
<DIV style="MARGIN: 0px"><A
href="mailto:david@icreate.be">david@icreate.be</A></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV
style="MARGIN: 0px">_______________________________________________</DIV>
<DIV style="MARGIN: 0px">jQuery mailing list</DIV>
<DIV style="MARGIN: 0px"><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A></DIV>
<DIV style="MARGIN: 0px"><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV style="MIN-HEIGHT: 14px; MARGIN: 0px"><BR></DIV>
<DIV
style="MARGIN: 0px">_______________________________________________</DIV>
<DIV style="MARGIN: 0px">jQuery mailing list</DIV>
<DIV style="MARGIN: 0px"><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A></DIV>
<DIV style="MARGIN: 0px"><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A></DIV></BLOCKQUOTE></DIV><BR></DIV></BLOCKQUOTE>
<DIV
style="MARGIN: 0px">_______________________________________________</DIV>
<DIV style="MARGIN: 0px">jQuery mailing list</DIV>
<DIV style="MARGIN: 0px"><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A></DIV>
<DIV style="MARGIN: 0px"><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A></DIV></BLOCKQUOTE></DIV><BR></DIV></BLOCKQUOTE></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/