滑动穿透

弹框出现不允许背景滑动,改变position布局值时,scroll滚动条维持在原来的位置,不要回到顶部。

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
if (true) { // 弹框出现
if (ffsUtils.is_ffsPhoneInfo() && Q.ua.IOS) {
// 如果是IOS环境允许滚动
//do nothing
// this.prevent();
} else {
// 控制弹幕的背景颜色不因为scroll的改变而改变
Q.cookie.set('dm_no_change', 'show')
Q.$("body").css("top", -window.scrollY + "px");
Q.$("body").css("position", "fixed");
}
} else {
if (ffsUtils.is_ffsPhoneInfo() && Q.ua.IOS) {
//do nothing
} else {
Q.cookie.set('dm_no_change', '')
let scrollY = -parseInt(Q.$("body").css("top"))
Q.$("body").css("position", "static");
Q.$("body").css("top", "");
window.scrollTo(0, scrollY);
}
}

// 禁止默认事件
prevent() {
this.$refs["mask"].addEventListener(
"touchmove",
function (e) {
e.preventDefault();
},
false
);
},

Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2024 HL's Blog All Rights Reserved.

UV : | PV :