Forums

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

Home Forums JavaScript Blind effect over website like http://nautil.us

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #162266
    flexiverse
    Participant

    For the life of me I can’t figure this out. It is not parallax scrolling, as it can pulled down or up over the website. I think it’s a cool idea. I can’t isolate the js from the site. Can anyone please please help me replicate this effect?

    #162285
    dyr
    Participant

    The rest of the page (excluding the hero/header) is position: fixed until user has scrolled past hero/header. Then is behaves normally (in this case it becomes position: static).

    #162298
    flexiverse
    Participant

    Can you help me isolate it out into a working example. I’m actually not a css expert or anything like that.

    #162315
    dyr
    Participant

    Do you have some code you’re working with? Perhaps a codepen?

    #162316
    flexiverse
    Participant

    Yes, see: http://jsfiddle.net/xHX8Y/

    I can’t isolate the js behaviour from the site.

    #163715
    flexiverse
    Participant

    I found something https://github.com/Victa/curtain.js

    But how do I make it work on ipad ?

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.