We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

How to Make Scroll Interaction Based on Parent Doc

Home › Forums › Puzzles › How to Make Scroll Interaction Based on Parent Doc

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • 2021-11-29 at 3:32 pm #47337
    mofield15
    Participant

    I’m looking to make a scroll interaction that affects the keyframes of an object or camera as I scroll down and up a page. This is similar to this tutorial (https://youtu.be/G2rVV8dAmCU), however I would like the trigger of the interaction to be a ‘div’ or ‘section’ on my Webflow website as opposed to scrolling within the iframe.

    The attached image is how the tutorial set up the puzzles.

    Attachments:
    You must be logged in to view attached files.
    2021-11-30 at 7:48 am #47376
    Mikhail Luzyanin
    Staff

    Then instead of taking scroll position from iframe you needto take it from needed div with a specific ID.

    Co-founder and lead graphics specialist at Soft8Soft.

    2021-11-30 at 4:35 pm #47411
    mofield15
    Participant

    So I gave the parent div an id of “scroll-hero” and a height of 1000px, and then made the puzzles as shown, and it doesn’t seem to be correctly moving the camera with its keyframes.

    Attachments:
    You must be logged in to view attached files.
    2021-12-01 at 11:54 am #47432
    Mikhail Luzyanin
    Staff

    May be there’s a different input range check it by printing it in console.

    Co-founder and lead graphics specialist at Soft8Soft.

    2021-12-02 at 3:07 pm #47493
    mofield15
    Participant

    The attached image is the console error I receive. Nothing is being to the console. Are there any compatibility issues with Webflow sites?

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.