|
@@ -68,28 +68,33 @@ $channelLink.on('touchstart', function() { |
|
@@ -68,28 +68,33 @@ $channelLink.on('touchstart', function() { |
68
|
borderColor: '#fff'
|
68
|
borderColor: '#fff'
|
69
|
});
|
69
|
});
|
70
|
});
|
70
|
});
|
71
|
-var updateLayerPosition = (function() {
|
|
|
72
|
- var init = false;
|
|
|
73
|
- return function() {
|
|
|
74
|
- var winHeight = window.innerHeight;
|
|
|
75
|
- var bodyHeight = $doc.height();
|
|
|
76
|
- var scrollTopPosition = $win.scrollTop();
|
|
|
77
|
- var layerHeight = $appFloatLayer.height();
|
|
|
78
|
- var layerPaddingTop = parseInt($appFloatLayer.css('padding-top'));
|
|
|
79
|
- var layerPaddingBottom = parseInt($appFloatLayer.css('padding-bottom'));
|
|
|
80
|
- var newPosition;
|
|
|
81
|
- if(init){
|
|
|
82
|
- newPosition = bodyHeight - winHeight- scrollTopPosition;
|
|
|
83
|
- }else{
|
|
|
84
|
- init = true;
|
|
|
85
|
- newPosition = bodyHeight - winHeight - scrollTopPosition + layerHeight + layerPaddingTop + layerPaddingBottom;
|
|
|
86
|
- }
|
|
|
87
|
- $appFloatLayer.css({
|
|
|
88
|
- 'position': 'relative',
|
|
|
89
|
- 'bottom': newPosition + 'px'
|
|
|
90
|
- });
|
|
|
91
|
- };
|
|
|
92
|
-})();
|
71
|
+
|
|
|
72
|
+function updateLayerPosition() {
|
|
|
73
|
+ var init = false;
|
|
|
74
|
+
|
|
|
75
|
+ return function() {
|
|
|
76
|
+ var winHeight = window.innerHeight;
|
|
|
77
|
+ var bodyHeight = $doc.height();
|
|
|
78
|
+ var scrollTopPosition = $win.scrollTop();
|
|
|
79
|
+ var layerHeight = $appFloatLayer.height();
|
|
|
80
|
+ var layerPaddingTop = parseInt($appFloatLayer.css('padding-top'));
|
|
|
81
|
+ var layerPaddingBottom = parseInt($appFloatLayer.css('padding-bottom'));
|
|
|
82
|
+ var newPosition;
|
|
|
83
|
+
|
|
|
84
|
+ if (init) {
|
|
|
85
|
+ newPosition = bodyHeight - winHeight - scrollTopPosition;
|
|
|
86
|
+ } else {
|
|
|
87
|
+ init = true;
|
|
|
88
|
+ newPosition = bodyHeight - winHeight - scrollTopPosition +
|
|
|
89
|
+ layerHeight + layerPaddingTop + layerPaddingBottom;
|
|
|
90
|
+ }
|
|
|
91
|
+
|
|
|
92
|
+ $appFloatLayer.css({
|
|
|
93
|
+ position: 'relative',
|
|
|
94
|
+ bottom: newPosition + 'px'
|
|
|
95
|
+ });
|
|
|
96
|
+ };
|
|
|
97
|
+}
|
93
|
|
98
|
|
94
|
$(window).scroll(function() {
|
99
|
$(window).scroll(function() {
|
95
|
window.requestAnimationFrame(updateLayerPosition);
|
100
|
window.requestAnimationFrame(updateLayerPosition);
|