SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member webleo's Avatar
    Join Date
    Aug 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool Icon state change with Scrolling function

    hello friends,

    If you check this site vocus.com/software you will find on scrolling down, the color of the icons 'Social', 'Search', 'Email', etc. etc. gets changed.
    Actually when you scroll into a particular section, the corresponding section Icon gets highlighted.

    Any idea how this is done? Is it by JScript/JQuery/CSS ... ???
    I want to implement this feature into my site.
    The problem is its on one page.

    Will appreciate any help.

    Rgds

    Steve
    Last edited by Mittineague; Dec 22, 2013 at 23:46.

  2. #2
    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)
    Hi webleo. Welcome to the forums.

    It's done with JavaScript, so I've moved this thread to that forum. The page uses various libraries, but because all the scripts are bundled together, it's not easy to see what code is controlling that feature. (I know it's done with JS, though, because that functionality disappears with JS off. )

  3. #3
    SitePoint Member webleo's Avatar
    Join Date
    Aug 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hi webleo. Welcome to the forums.

    It's done with JavaScript, so I've moved this thread to that forum. The page uses various libraries, but because all the scripts are bundled together, it's not easy to see what code is controlling that feature. (I know it's done with JS, though, because that functionality disappears with JS off. )
    Sorry Ralph for knowing the correct place to put that thread!

    Yeah even I'm confused with so many code snippets there.
    Any idea where i can get a similar code <snip/>

    Thanks!
    Last edited by Mittineague; Aug 3, 2013 at 14:26.

  4. #4
    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)
    No probs. it's easy enough to move threads.

    Quote Originally Posted by webleo View Post
    Any idea where i can get a similar code
    Short of someone posting a link to something they know of, just google around for topics like "jQuery highlight section on scroll" etc.


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
  •