Okay
  Public Ticket #3510364
Clipped Image less Scroll interactions
Closed

Comments

  • Hawkzton started the conversation
    October 29, 2023 at 3:13pm

    Dear Clapat,

    just bought a few weeks ago your lovely Manifesto.

    It looks sooo great and I think the company "genesis" is using it too.

    I got a little question about the clipped image. 


    I tried almost everything to change the scroll operations someone needs to do until the picture goes to full width.


    its like scrolling 3-5 times until it goes from boxed to full.


    Is there any option to change this to one or 2 scrolls less to make it full width.


    thanks in advance & best regards

    Attached files:  clippedimage.png

  •  1,823
    Support replied
    October 30, 2023 at 5:41pm

    Hello, we are delighted you like our theme. I am forwarding your ticket to our web designer to get the best answer/solution.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,823
    Support replied
    November 3, 2023 at 10:12am

    Hello,

    To make the necessary changes, please edit the function in 'common.js.' Locate lines 648 and 675 and remove the following code:

    gsap.set(clippedImageContent, { paddingTop: (window.innerHeight/2) + clippedImageContent.offsetHeight});

    Then, replace it with:

    gsap.set(clippedImageContent, { paddingTop: clippedImageContent.offsetHeight});

    These adjustments should decrease the scroll animation.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Hawkzton replied
    November 3, 2023 at 8:27pm

    thanks for the fast reply.


    The animation is not the problem, I want to change "how often" you have to scroll to finish the clipped image.

    with your code you still have to scroll like 3-5 times to finish it, but then the animation "sucks".


    best regards

    Hawkzton

  •  1,823
    Support replied
    November 8, 2023 at 9:12am

    Please provide your website to inspect the changes you have made. THanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy