Browse Source

Menu now responds on page scrolling.

responsive
Georg Hopp 9 years ago
parent
commit
c5f1556380
  1. 16
      app/assets/javascripts/parallax.coffee
  2. 2
      app/assets/stylesheets/welcome.scss

16
app/assets/javascripts/parallax.coffee

@ -46,13 +46,23 @@ App.scroll = ->
"center " + bg_pos + "px")
content.css("display", "block")
App.scroll2 = ->
v_scroll = $(document).scrollTop()
section = 0
for value, index in $(".section")
if v_scroll >= $(value).offset().top
section = index
if not $($("#nav a")[section]).hasClass('active')
$("#nav a").removeClass("active")
$($("#nav a")[section]).addClass('active')
$(document).on "page:change", ->
App.init()
$(window).on "scroll", ->
App.scroll2()
$(document).ready ->
App.init()
#$(window).on "scroll", ->
# App.scroll()
# vim: set ts=2 sw=2:

2
app/assets/stylesheets/welcome.scss

@ -109,7 +109,7 @@ p {
font-weight: bold;
}
#nav li a:hover {
color: rgba(255,255,255,1);
color: rgba(255,255,255,0.7);
}
#nav li a.active {
color: rgba(255,255,255,1);

Loading…
Cancel
Save