Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Scrolling web browser

    Hi Everyone,
    I am a fairly new web designer who wants to get into javascript programming for my web pages. I have stambled on a couple of cool effects on this website; http://www.noe-interactive.com/#. The most impressive for me is scrolling the window by just clicking a link as well as the sliding text boxes. Does anyone out there know any good coding or tutorials that will enable me to reproduce such an effect?

    Thank you

  • #2
    Senior Coder A1ien51's Avatar
    Join Date
    Jun 2002
    Location
    Between DC and Baltimore In a Cave
    Posts
    2,717
    Thanks
    1
    Thanked 94 Times in 88 Posts
    Add an anchor to the page
    Code:
    <a name="anchorName">some text</a>
    Scroll there with a link:
    Code:
    <a href="#anchorName">jump to anchor</a>
    or JavaScript to set
    Code:
    window.location.hash = 'anchorName';
    You can also scroll to elements like this: http://radio.javaranch.com/pascarell...293729000.html

    Where you find the location and use window.scrollTo to get there. Now to get the nice effect you would have to use a setTimeout call and step to that location with a nice easing equation.

    Eric
    Last edited by A1ien51; 08-12-2008 at 05:58 PM.
    Tech Author [Ajax In Action, JavaScript: Visual Blueprint]


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •