SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member gkdesign's Avatar
    Join Date
    Jul 2011
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Scroll Javascript Help.

    Hello Guys,

    I need your help or suggestion about implementing the same scroll feature as the website below. When you scroll down the page, the two boxes on left and right (Quick Links and Your orders) also gets scroll. please see on the below link

    http://www.eatnow.com.au/restaurant-...estaurant.html

    I have tried my best to get this effect but couldn't found any thing on the net, perhaps I am searching with the wrong keyword.

    Looking forward for your comments and suggestions. Thanks...
    Last edited by Mittineague; Jul 26, 2011 at 12:13. Reason: OP forgot to turn off auto-title

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,253
    Mentioned
    196 Post(s)
    Tagged
    2 Thread(s)
    Not javascript, CSS

    The left and right sidebars are empty and the links/orders are absolutely positioned

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    They are using jQuery for that effect. jQuery is a bunch of JavaScript code that you can download from the internet. So, in the head of the document, there is a link to the jQuery code itself, and then below that there is a link to this file:

    http://www.eatnow.com.au/js/jquery.eatnow.js?1113

    which has—among other things—rules for moving the sidebars down as you scroll down the page. You can do this with CSS, but you don't get quite the same effect.

    By the way, gkdesign, welcome to SitePoint.

  4. #4
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,253
    Mentioned
    196 Post(s)
    Tagged
    2 Thread(s)
    Right you are Ralph.

    The way the page redraws itself for me when I scroll I must be missing the effect and since I didn't check the files I would have bet it was CSS.

    Off Topic:

    I really need to upgrade my puter

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Off Topic:

    Quote Originally Posted by Mittineague View Post
    I really need to upgrade my puter
    Crikey, what vintage is it?

  6. #6
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,253
    Mentioned
    196 Post(s)
    Tagged
    2 Thread(s)
    Off Topic:

    Gateway 450 with Windows 98
    When I got it in '99 I got double the usual disk size - 8 GB
    Now it's so old I can't upgrade browsers and other apps
    And the dial-up cnx is getting to be a PITA too
    .... once my bills are caught up, once my bills are caught up ....

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Off Topic:

    Quote Originally Posted by Mittineague View Post
    Gateway 450 with Windows 98

  8. #8
    SitePoint Member gkdesign's Avatar
    Join Date
    Jul 2011
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    Thanks Ralph.m and Mittineague for your valuable time...In the mean time I found this script which is easy to implement.

    floating menu test - test #2

    I also thought to use the same script as that website, but didn't found the relevant ID's etc. actually got threatened after seeing their code.



Tags for this Thread

Bookmarks

Posting Permissions

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