parallax header

2013-11-04 19:06:43 +07:00 · 2013-11-04 19:06:43 +07:00 · d12144822b
parent 462ae8d0d4
commit d12144822b
2 changed files with 6 additions and 0 deletions
--- a/contents/images/header.jpg
+++ b/contents/images/header.jpg
--- a/contents/js/custom.js
+++ b/contents/js/custom.js
@ -26,6 +26,12 @@ function scroll_effect() {
  // Get the scroll position of the page
  scrollPos = jQuery(this).scrollTop();
  // Fade out the banner text
+  if (scrollPos < 250)
+  {
+    jQuery('.img-1').css({
+      'background-position': "0 -"+(scrollPos*2)+"px"
+    });
+  }
  jQuery('.carousel-caption').css({
    'margin-top' : -(scrollPos/3)+"px",
    'opacity' : 1-(scrollPos/300)