Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member Hammadsiddiqui's Avatar
    Join Date
    Feb 2014
    Posts
    10
    Member #
    38554
    Liked
    1 times

    Wink JQuery Scroll and visible

    Hi,

    I am a bit new to JQuery and I would like to know something.
    I have a Top-most header section and a service section below it. At first only header is visible but as I scroll down I want that the services section appears as fading in. How we do that in Jquery or CSS3?

    Any Jquery Plugin recommendation will also help!

    Thanks

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,139
    Member #
    27197
    Liked
    959 times
    There's a similar discussion going on in this thread. What the guy wants is a bit different, but the answer to the question is similar enough that you should be able to work it out.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member Hammadsiddiqui's Avatar
    Join Date
    Feb 2014
    Posts
    10
    Member #
    38554
    Liked
    1 times
    Well, I read that thread and the guy is talking about the navigation to scroll and then fix at top.
    However, what I am looking is that when a user scrolls down, what he sees in nothing until a section fades in and becomes visible. like we have in this example:
    Hype - Mobile App Landing Page
    as you scroll in this example you'll notice that the divs appear while scrolling. This is what I am after.
    Thanks!

  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,139
    Member #
    27197
    Liked
    959 times
    Ok. My original post in concept still stands. Your solution will be a good bit more complex, but the basic concept is the same: you need to have an event (the content fading in) trigger when the user scrolls past a certain point.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


Remove Ads

Posting Permissions

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

Tags for this Thread

All times are GMT -6. The time now is 11:59 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com