Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How difficult would it be to make the content scrolling effect in this site?

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 5, 2012 at 12:00 am #38780
    Magikarp
    Participant

    http://finalfantasyviipc.com/en

    July 5, 2012 at 2:14 am #105397
    Magikarp
    Participant

    Erm, could you please show me an example or anything to get me started?

    I’ve never, ever used jQuery. I would really love if you could help Chris.

    Couldn’t this also be done in CSS3?

    July 5, 2012 at 11:39 am #105414
    Kralle
    Participant

    Check out Waypoints.js, it’s really easy to implement.

    http://imakewebthings.com/jquery-waypoints/

    July 5, 2012 at 5:24 pm #105461
    Magikarp
    Participant

    I managed to make something like Odd’s jsfiddle.. but I can’t seem to figure out how to do the effect where if you scroll up or down, the side menu will change according to what div element you are in..

    July 6, 2012 at 5:55 pm #105561
    Magikarp
    Participant

    anyone have any suggestions? :P

    July 6, 2012 at 7:24 pm #105580
    Magikarp
    Participant

    It’s okay, odd. I’m hoping Chris comes back. Haha.

    July 7, 2012 at 11:04 pm #105636
    Magikarp
    Participant

    Bump

    July 8, 2012 at 2:28 pm #105660
    Magikarp
    Participant

    Hm, when you scroll up or down the active side bar doesn’t update to what section it is in unless you lower the height of the section, which it alright i think.. It works well though, thanks so much Chris.

    Why is there CSS in the HTML section? I’m confused by this.. I don’t see any div, class tags or anything.

    July 8, 2012 at 5:00 pm #105666
    Chris Coyier
    Keymaster

    Chris wrote it in HAML. To see the HTML, just click the word HTML in the header of that editor.

    July 8, 2012 at 5:02 pm #105667
    Jeager
    Member

    If you click on the HTML section where it says HAML it, you will see the HTML.

    Edit: Beat me to it.

    July 8, 2012 at 6:39 pm #105674
    Magikarp
    Participant

    Ah, thanks guys. Still.. I am puzzled how to fix my first question.

    It doesn’t scroll correctly unless the window is minimized so it shows half the screen. When it is maximized it will say you are in the section 2 area too early.. the same with all of the other sections.

    July 9, 2012 at 6:54 pm #105767
    Magikarp
    Participant

    No use, 205 doesn’t work and taking it off makes it worse.

    If you use 20% you cannot even get to the last section.. :(

    July 10, 2012 at 7:01 pm #105843
    Magikarp
    Participant

    My section areas are much smaller than that though ;(

    Also for some reason it won’t let me edit the codepen..

    July 11, 2012 at 7:52 pm #105902
    Magikarp
    Participant

    Hm, where do you put the offset in the javascript?

    I tried putting it in, but it didn’t do anything.

    I really appreciate all of the help you have been giving me Chris. It really does help a lot and I greatly appreciate every bit of it.

    July 12, 2012 at 6:16 pm #105997
    Magikarp
    Participant

    Still not really what I had wanted.. I’ll try playing around with the offset some.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The forum ‘CSS’ is closed to new topics and replies.