A great library for animating object appearance when scrolling to them:
https://github.com/michalsnik/aos
Important note – if the page has changed in its length (i.e. opening/closing elements or hidden/displayed elements) then AOS needs to recalculate the display/animation points once again. This is done by calling “AOS.refreshHard();” after the change to the DOM. If there’s no event at the end of the DOM change (I used responsive tabs together with AOS) then create a short delay before triggering the refresh:
|
1 |
onClick="setTimeout(function() {AOS.refreshHard();}, 10);" |
Overlay library for opening links / galleries / videos in an overlay:
http://www.jacklmoore.com/colorbox/
Library for responsive tabs:
https://github.com/jellekralt/Responsive-Tabs
In desktop you will have regular tabs, but for mobile the tabs change to an accordion.