jquery/js scripts to fix on page
Budget: $30 – $250 USD
Hi,
I need a jQuery/javascript/front-end expert to fix and finish some stuff on the following page:
https://aturma.pt/mjac/
Scripts used on website:
— Flickity for Sliders (https://flickity.metafizzy.co/)
— jQuery SmartTab for Tabs (http://techlaboratory.net/jquery-smarttab)
— All JS and configuration for scripts (https://aturma.pt/mjac/js/main.js)
TASK #1
After scrolling for 160pixels, <header> navigation should be fixed on top and the rest of the page should scroll below.
This is EXACTLY what we want to achieve: https://www.myrch.club/
.
Here are the visual layout (as a reference):
https://aturma.pt/mjac/open
https://aturma.pt/mjac/closed.jpg
TASK #2
On the top navigation, clicking on the link “Inovação” should scroll down and open the second tab of #tabs (the one that says “inovação tecnológica)”. I need this to be possible to duplicate for other tab links.
This is probably the reference link for implementation: http://techlaboratory.net/jquery-smarttab#func-gototab
TASK #3
There seems to be a conflict with SmartTab and Flickity sliders.
On the $#tabs and #tabs02 sections there’s two different tabs: “sustentabilidade/inovação tecnológica” and “serviços/produtos”. Inside all this tabs is a FLickity slider but when switching between them, the slider doesn’t work and/or disappears. It gets worse if a “resize” is pulled because SmartTab isn’t calculating Flickity’s height.
I need a jQuery/javascript/front-end expert to fix and finish some stuff on the following page:
https://aturma.pt/mjac/
Scripts used on website:
— Flickity for Sliders (https://flickity.metafizzy.co/)
— jQuery SmartTab for Tabs (http://techlaboratory.net/jquery-smarttab)
— All JS and configuration for scripts (https://aturma.pt/mjac/js/main.js)
TASK #1
After scrolling for 160pixels, <header> navigation should be fixed on top and the rest of the page should scroll below.
This is EXACTLY what we want to achieve: https://www.myrch.club/
.
Here are the visual layout (as a reference):
https://aturma.pt/mjac/open
https://aturma.pt/mjac/closed.jpg
TASK #2
On the top navigation, clicking on the link “Inovação” should scroll down and open the second tab of #tabs (the one that says “inovação tecnológica)”. I need this to be possible to duplicate for other tab links.
This is probably the reference link for implementation: http://techlaboratory.net/jquery-smarttab#func-gototab
TASK #3
There seems to be a conflict with SmartTab and Flickity sliders.
On the $#tabs and #tabs02 sections there’s two different tabs: “sustentabilidade/inovação tecnológica” and “serviços/produtos”. Inside all this tabs is a FLickity slider but when switching between them, the slider doesn’t work and/or disappears. It gets worse if a “resize” is pulled because SmartTab isn’t calculating Flickity’s height.