easy3wmui 0.0.42-beta14 → 0.0.42-beta16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Easy3wMGlobalFooter/index.js +26 -18
- package/package.json +1 -1
|
@@ -34,18 +34,27 @@ var Easy3wMGlobalFooter = function (_Component) {
|
|
|
34
34
|
|
|
35
35
|
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
36
36
|
|
|
37
|
-
_this.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
//
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
37
|
+
_this.touchFooterStyle = function () {
|
|
38
|
+
if (document.hidden) {
|
|
39
|
+
// 页面挂起
|
|
40
|
+
// alert('页面挂起');
|
|
41
|
+
console.log('页面挂起');
|
|
42
|
+
} else {
|
|
43
|
+
// 页面呼出
|
|
44
|
+
// alert('页面呼出');
|
|
45
|
+
console.log('页面呼出');
|
|
46
|
+
var element = document.getElementById('Easy3wMGlobalFooter');
|
|
47
|
+
// console.log('elementelement', element);
|
|
48
|
+
var viewHeight = window.innerHeight; // 目标可视区的高度
|
|
49
|
+
var elementBottom = element.getBoundingClientRect().bottom; // 目标div上边框距离可视区的上边界的距离
|
|
50
|
+
// elementTop === viewHeight div上边框正好与可视区下边框重叠
|
|
51
|
+
if (elementBottom < viewHeight) {
|
|
52
|
+
// 达到目标区域
|
|
53
|
+
// console.log('div出现在可视区！');
|
|
54
|
+
_this.setState({
|
|
55
|
+
bottomFixed: true // 是否固定于页面底部
|
|
56
|
+
});
|
|
57
|
+
}
|
|
49
58
|
}
|
|
50
59
|
};
|
|
51
60
|
|
|
@@ -59,16 +68,15 @@ var Easy3wMGlobalFooter = function (_Component) {
|
|
|
59
68
|
var _this2 = this;
|
|
60
69
|
|
|
61
70
|
window.onload = function () {
|
|
62
|
-
|
|
63
|
-
// window.addEventListener('scroll', () => this.scrollEvent('Easy3wMGlobalFooter'));
|
|
71
|
+
document.addEventListener('visibilitychange', _this2.touchFooterStyle);
|
|
64
72
|
};
|
|
65
73
|
};
|
|
66
74
|
|
|
67
|
-
Easy3wMGlobalFooter.prototype.componentWillUnmount = function componentWillUnmount() {
|
|
68
|
-
|
|
75
|
+
Easy3wMGlobalFooter.prototype.componentWillUnmount = function componentWillUnmount() {
|
|
76
|
+
document.removeEventListener('visibilitychange', this.touchFooterStyle);
|
|
77
|
+
};
|
|
78
|
+
// 底部样式监听
|
|
69
79
|
|
|
70
|
-
// 滚动事件
|
|
71
|
-
;
|
|
72
80
|
|
|
73
81
|
Easy3wMGlobalFooter.prototype.render = function render() {
|
|
74
82
|
var bottomFixed = this.state.bottomFixed;
|