Search the Community
Showing results for tags 'dropdown'.
Hi I built a dropdown navigation menu with gsap you can see a live example here https://sample.blinkpayment.co.uk/blink-learning-podcasts/blink-payment-insights-the-impact-of-contactless-payments-on-businesses Sometimes bugs can be created either randomly or by rapidly hovering over multiple dropdowns in quick succession. What are some ways I could make this code more reliable and better manage state for all of my animations. My codebase is vanilla with typescript. Live example https://sample.blinkpayment.co.uk/blink-learning-podcasts/blink-payment-insights-the-impact-of-contactless-payments-on-businesses Gist example of gsap menu code https://gist.github.com/samducker/3a1debb3a5816addddf76d3e6341927b Video of issues https://share.cleanshot.com/GJb8CW52
Greetings, i would like to create my own HTML dropdown component, similiar to this one https://semantic-ui.com/modules/dropdown.html but with GreenSock animation support I have following questions: Is there any effective way of creating nice component code for greensock or it really doesn't matter (KISS method and reusable code)? How can i animate scrolling inner content by items? (i guess i will need to measure height of one item and then scroll it) Can i publish that component somewhere for others? I would like to create animated UI component pack with some extra JS features like searching etc. Thanks for any kind of help.