Home › Forums › ART WordPress Theme › Mobile menu animation and opacity
- This topic has 7 replies, 2 voices, and was last updated 5 years, 1 month ago by
richardcech.
-
AuthorPosts
-
April 28, 2021 at 2:22 pm #24506
Hello,
I need help with menu on mobile. I set red color for that and low speed of animation.
When I open menu (menu scroll down) it works perfectly but when i turn of hamburger menu and it scroll up it caused some problems like:
1) Menu jums fas from bottom some distance up and after that starts with scrolling up animation
2) I want to cancel opacity animation of scrolling up menu. I want constant no changing opacity white color…I will be very happy for your advice, I am not able to solve it myself… 🙁
Thank you very much
Best Regards
Richard CechApril 28, 2021 at 2:23 pm #24507My web page is richardcech.com
April 29, 2021 at 1:49 am #24512April 29, 2021 at 9:41 am #24518Hello,
I send you print screen of my mobile when you see what’s going on with comments for each picture
https://www.dropbox.com/sh/nnbyoubdim1y4xu/AABTLXNOGclnPjUlzeySiRSja?dl=01) When menu starts scrolling up it weirdly jumps some distance imidietly up and after that “jump distance” it starts slowly rolling up….
2) When menu scrolling up it have some kind of animation of gradual transparency…I wish relly to turn of weird jump in animation of crolling menu up and turn of gradual transparency to solid white constant no changing color.
Thank you very much
Best Regards
Richard CechApril 29, 2021 at 2:04 pm #24519HI, thanks for your screenshots.
1) I didn’t didn’t find the reason
2) Please try to add the custom CSS, it should remove the opacity animation
@keyframes transY0to_100 { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -100%, 0); opacity: 1; } }
April 30, 2021 at 3:37 pm #24540Hello
2) Thank you 🙂 It works perfectly
1) I have Idea which could be wrong.. When menu scoll down, In the bottom part of menu is some kind of strip or something. The problem with distance jupm could be becouse this strip.. maybe some connection of this strip with keyframes of animation in custom css
This strip is – div#menu-panel-bottom.menu-panel-bottom as you see in dropbox pictures 🙂
Becouse i think i gave only keyframes for menu panel but not for this strip…Here is images of my idea which could be wrong or which could be way to solution..
https://www.dropbox.com/sh/dxjjscfjfteksd8/AABoS6zcM0zx4JmiiWwvmyXaa?dl=0What do you think ?
Thank you very much for your effort
Best Regards
Richard CechMay 1, 2021 at 6:26 am #24544May 3, 2021 at 6:49 pm #24556Helllo,
Ok 🙂 but thank you for your effort 🙂
I plan to do an update so we’ll see if it works itself…Thank you
Best Regards
Richard Cech -
AuthorPosts
- You must be logged in to reply to this topic.
