summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/layout_nav.js.coffee
blob: 3c39ec32f26c34d38c36431a2fbc36dff93d06b2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
class @LayoutNav
  $ ->
    $('.fade-left').addClass('end-scroll')
    $('.scrolling-tabs').scroll (event) ->
      el = $(event.target)
      currentPosition = $(this).scrollLeft()
      mobileScreenWidth = 480
      controlBtnWidth = $('.controls').width()
      maxPosition = $(this)[0].scrollWidth - $(this).parent().width()
      maxPosition += controlBtnWidth if $('.nav-control').length and $(window).width() > mobileScreenWidth

      el.find('.fade-left').toggleClass('end-scroll', currentPosition is 0)
      el.find('.fade-right').toggleClass('end-scroll', currentPosition is maxPosition)