- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘Design’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi, I was wondering if anyone had any tips or directives on how to take the basic concept and components of a dynamic navigation I found on tesla.com (nav bar, side menu, smoothscroll, etc.) and implement these on my site.
My site is one page with just four sections I need to jump to from the menu.
I wrote a plugin and a bunch of other small scripts over time that could handle it. If you’re hiding the scrollbar, this will make a similar fullscreen animation like on that site:
$(window).impulse({
range: function() {return $(window).height()},
delay: true
});
http://codepen.io/Shikkediel/pen/GJRbOV
It becomes a bit more complicated when the scrollbar is showing, but still feasible. In fact, tesla.com doesn’t really work correct either when you use the scrollbar.
This demo has a part that keeps track of the sections:
I could filter it out and apply it to a demo of yours in case of further response.
Why on earth did my subsequent response get binned…
I did and succeeded !
Test Reply example
All great responses. Anyway, I think this mostly covers what the Tesla page does: