user profile image

A lightweight full page parallax scroll effect.

Comments

  1. for my parallax collection ;) thnks

  2. its very beautiful Parallax effect :)  

    my web page

  3. Gorgeous. Thx for sharing!

  4. Hey Emily...

    thanks for so nice parallax effect.... may I ask you a favor?

    When I copy this code into a html file and set everything, appears from nowhere a blank slide in the end.... I can't figure it out what is happening.... mind to give me a hand here please?

    cheers =D

  5. i love it :))

  6. very nice work! but troubles with anchors, cant make it work, anchor links do not work.

  7. doesnt work on mobile :(

  8. @kevkev Did you find a solution on mobile ? Same problem here...

  9. @martin i used fullpage.js which workes fine on mobile - same scrolling and you can animate each section

  10. Here a touch enabled version

    https://codepen.io/franzk/pen/aNxQxP

    It's a simple hack but works. Some tests are required!

    Frank

  11. Thank you frank, I needed that touch enabled version...

    @tofanelli blank slide at the end appears when javascript is above the html code (0 elements when executed)...

    @FTP-Group Based on franks version: I made another fork extracting goDown and goUp method which could also be called from a link (onclick="goDown();") and even chained: onclick="goDown();goDown();" - Just remember to countercheck against currentSlide if you need to goUp(); or goDown(); https://codepen.io/canelodigital/pen/rLWrNX

  12. Why am I in firefox test, continuously turn two sections. What's the solution? Thank you.

  13. Thanks you!

  14. wow it is very good. thanks you

    my site

  15. thanks. I used it for a small mobile site here....www.aidanboran.net/nbt

  16. after I used this one it doesn't work on edge browser

  17. https://codepen.io/dnjstlr555/pen/KQyoyM How about this? Pure CSS, No JS required. It's not perfect but working.

  18. Hi, this is great! My only problem is using new images from unsplash.com. I don't know why they don't show. anyone can help please.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...