easy3wmui 0.0.42-beta16 → 0.0.42-beta17
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 +16 -25
- package/package.json +1 -1
|
@@ -35,26 +35,20 @@ var Easy3wMGlobalFooter = function (_Component) {
|
|
|
35
35
|
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
36
36
|
|
|
37
37
|
_this.touchFooterStyle = function () {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
var element = document.getElementById('Easy3wMGlobalFooter');
|
|
39
|
+
var viewHeight = window.innerHeight; // 目标可视区的高度
|
|
40
|
+
var elementBottom = element.getBoundingClientRect().bottom; // 目标div上边框距离可视区的上边界的距离
|
|
41
|
+
// elementTop === viewHeight div上边框正好与可视区下边框重叠
|
|
42
|
+
if (elementBottom < viewHeight) {
|
|
43
|
+
// 达到目标区域
|
|
44
|
+
// console.log('div出现在可视区！');
|
|
45
|
+
_this.setState({
|
|
46
|
+
bottomFixed: true // 是否固定于页面底部
|
|
47
|
+
});
|
|
42
48
|
} else {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
+
_this.setState({
|
|
50
|
+
bottomFixed: false // 是否固定于页面底部
|
|
51
|
+
});
|
|
58
52
|
}
|
|
59
53
|
};
|
|
60
54
|
|
|
@@ -65,15 +59,12 @@ var Easy3wMGlobalFooter = function (_Component) {
|
|
|
65
59
|
}
|
|
66
60
|
|
|
67
61
|
Easy3wMGlobalFooter.prototype.componentDidMount = function componentDidMount() {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
window.onload = function () {
|
|
71
|
-
document.addEventListener('visibilitychange', _this2.touchFooterStyle);
|
|
72
|
-
};
|
|
62
|
+
window.onhashchange = this.touchFooterStyle;
|
|
63
|
+
window.onload = this.touchFooterStyle;
|
|
73
64
|
};
|
|
74
65
|
|
|
75
66
|
Easy3wMGlobalFooter.prototype.componentWillUnmount = function componentWillUnmount() {
|
|
76
|
-
|
|
67
|
+
window.onhashchange = null;
|
|
77
68
|
};
|
|
78
69
|
// 底部样式监听
|
|
79
70
|
|