facing problem with animation feature

  • Resolved Xandro

    (@sudarshankotian)


    2 years, 1 month ago

    Hi, @wpsoul I am trying to create scroll animation feature for mobile sticky footer. And when I add it to the footer sticky block, it does work as intended but elements within the block are not opening normally.

    Like there was this block for share with button slider block, normally it was working fine with pop-up block but after applying animation container to the whole footer block the share block now opens within the footer row block.

    I know I am doing something wrong, but can you please correct me here.

    Thanks in advance. ??

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author wpsoul

    (@wpsoul)

    you didn’t provide link to page so I don’t know how to check it

    Thread Starter Xandro

    (@sudarshankotian)

    Sorry @wpsoul forgot.

    Here’s the [ redundant link removed ]. You can check directly from link; I will keep it for now as it is.

    I wanted to do this way > please check image.

    It is causing the pop-up panel to open within footer block like this when clicking share icon.

    Let me know where I might be getting wrong.

    THANK YOU.

    Plugin Author wpsoul

    (@wpsoul)

    Ok, I understand what you need. Unfortunately, this block will not work in such way. It’s because it’s inheriting position. So, in fact that your panel is fixed, popup will be placed related to panel and not related to window. Maybe you will need to find popup plugin for gutenberg

    Thread Starter Xandro

    (@sudarshankotian)

    Will rehub popup module work?

    Plugin Author wpsoul

    (@wpsoul)

    In next update, will be available option to add slide scripts to footer, this will make possible to use popup inside fixed elements

    Thread Starter Xandro

    (@sudarshankotian)

    Hi, @wpsoul thank you so much.

    It’s working exactly as I was expecting.

    Now, only thing I have to figure out is, which animation to choose for the footer > like when user scrolls down sticky footer shows up and user scrolls up it hides.

    And vise-versa for sticky header.

    Can you suggest me which animation should I use? In both cases!

    And Like > Duration(ms), Delay(ms), Scale, Opacity, Trigger Anchor, Transform Origin, etc.

    Just give me a hint I will figure out. ??

    And thanks again, you guys are ?? really supportive and care for your users. ??

    Plugin Author wpsoul

    (@wpsoul)

    There is no scroll up animation. You can show footer when user scroll to some point

    https://m.youtube.com/watch?v=jCoI5UKLYNc

    Thread Starter Xandro

    (@sudarshankotian)

    Yes, thank you @wpsoul

    Glad that this pop-up block is now working correctly with animation block. ??

    Thread Starter Xandro

    (@sudarshankotian)

    Hi, @wpsoul While this issue got solved, just found that on social share block with label options are having issue with border.

    Tried to give border on all 4 corners, but left top & bottom are not working specifically in Tablet mode, no issue in mobile mode.

    please check the image here.

    Plugin Author wpsoul

    (@wpsoul)

    social share has predefined types of design, so, border radius has limited affect on them

    Thread Starter Xandro

    (@sudarshankotian)

    Ok

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘facing problem with animation feature’ is closed to new replies.