I would like to make an awesome looking navigation bar in webflow. For my navigation bar to work exactly how I would like it needs the following features.
- Transparent to 100% opacity on 1% scroll on all devices (reverts back to transparent state when you on top)
- Transitional effect possible using jquery that makes the navigation bar shrink beautifully when scrolling down by 1% and when scrolling back to the top a beautiful expansion effect.
- A one page navigational bar that has an editable current state.
- Make the navigational bar one page clicks on the same page match the section exactly, adjusting for responsive design
Hope you guys can help, glad to be part of this community
Here is an exact example of what i am trying to do