Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

  • This topic is empty.
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
    });
    

    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:

    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:

    https://codepen.io/Shikkediel/pen/rgYEgX

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design’ is closed to new topics and replies.