native-parallax/code.js at master · YamenSharaf/native-parallax · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
var color1 = new Waypoint({
element: document.getElementById('color1'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#362143">' );
}
});

var color2 = new Waypoint({
element: document.getElementById('color2'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#DB649C">' );
}
});

var color3 = new Waypoint({
element: document.getElementById('color3'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#754792">' );
}
});

var color4 = new Waypoint({
element: document.getElementById('color4'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#FF9800">' );
}
});

var color5 = new Waypoint({
element: document.getElementById('color5'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#1976D2">' );
}
});

var color6 = new Waypoint({
element: document.getElementById('color6'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#8BC34A">' );
}
});

var color7 = new Waypoint({
element: document.getElementById('color7'),
handler: function(direction) {
$('meta[name=theme-color]').remove();
$('head').append( '<meta name="theme-color" content="#00BCD4">' );
}
});

var testWaypoint = new Waypoint({
  element: document.getElementById('color1'),
  handler: function(direction) {
    $('meta[name=theme-color]').remove();
    $('head').append( '<meta name="theme-color" content="#362143">' );
  },
  offset: 'bottom-in-view'
})

var anotherwaypoint = new Waypoint({
  element: document.getElementById('color2'),
  handler: function(direction) {
    $('meta[name=theme-color]').remove();
    $('head').append( '<meta name="theme-color" content="#362143">' );
  },
  offset: '100%'
})