0
|
1 |
// JavaScript Document |
|
2 |
jQuery(document).ready(function() { |
|
3 |
|
|
4 |
var device = navigator.userAgent.toLowerCase(); |
|
5 |
var ios = device.match(/(iphone|ipod|ipad)/); |
|
6 |
//function that returns element's y position |
|
7 |
|
|
8 |
jQuery("a[href*=#]").on('click', function(e) { |
|
9 |
var scrollTarget = jQuery(this.hash).offset().top; |
|
10 |
if(scrollTarget) |
|
11 |
e.preventDefault(); |
|
12 |
if(parseInt(scrollTarget) !== parseInt(jQuery(window).scrollTop())) { |
|
13 |
var nav2 = jQuery("nav"); |
|
14 |
if (ios) nav2.hide(); |
|
15 |
jQuery('html,body').animate({scrollTop:scrollTarget}, 1000, "swing", function(evt) { |
|
16 |
if (ios) { |
|
17 |
if(scrollTarget == 0) |
|
18 |
nav2.css({position:'absolute', top:jQuery("#intro").height()}); |
|
19 |
else |
|
20 |
nav2.css({position:'absolute', top:scrollTarget}); |
|
21 |
var nav2clone = jQuery("nav") |
|
22 |
nav2clone.show(); |
|
23 |
} |
|
24 |
}); |
|
25 |
} |
|
26 |
}); |
|
27 |
|
|
28 |
if (ios) { |
|
29 |
jQuery(document).bind('touchmove',function(){ |
|
30 |
var intro = jQuery("#intro"), nav2 = jQuery("nav"); |
|
31 |
console.log(nav2.position().top); |
|
32 |
if(intro.height() != nav2.position().top) |
|
33 |
{ |
|
34 |
nav2.css({position:'fixed', top:'0px'}); |
|
35 |
console.log(nav2.position().top); |
|
36 |
} |
|
37 |
else |
|
38 |
{ |
|
39 |
nav2.css({position:'relative', top: ''}); |
|
40 |
} |
|
41 |
}); |
|
42 |
} |
|
43 |
}); |