Skip to main content

Forums

This topic contains 5 replies, has 4 voices, and was last updated by  Shikkediel 3 weeks, 3 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #288057

    procode200
    Participant

    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.

    #288192

    Shikkediel
    Participant

    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
    });
    

    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:

    codepen.io/jRMmbe

    I could filter it out and apply it to a demo of yours in case of further response.

    #288194

    Shikkediel
    Participant

    Why on earth did my subsequent response get binned…

    #288196

    onetechvn
    Participant

    I did and succeeded !

    #288237

    iveren
    Participant

    Test Reply example

    #288252

    Shikkediel
    Participant

    All great responses. Anyway, I think this mostly covers what the Tesla page does:

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star