如何禁用一个JavaScript,与内部窗口宽度
How to disable a JavaScript, with inner window width
我正在制作的页面有倾斜效果,这会影响站点主体的方向。我想在页面到达移动视窗时关闭这个功能;我已经看过并尝试了一些东西,但似乎不能得到我想要的效果。下面的代码是我正在使用的。这个脚本从我的主JS代码中独立运行。
window.addEventListener("mousemove",function(e) {
var width = window.innerWidth;
var height = window.innerHeight;
var clientHeight = document.body.clientHeight;
var skew = {};
skew.y = (20 * ((e.x / width) - 0.5));
skew.x = -(20 * ((e.y / height) - 0.5));
document.body.style.webkitTransform = "perspective("+clientHeight+"px) rotateX("+skew.x+"deg) rotateY("+skew.y+"deg)";
});
CSS更改不会自行删除,因此如果浏览器窗口的大小低于您期望的大小,则必须手动删除转换。
检查窗口大小,
window.addEventListener('resize', function() {
if (window.innerWidth < 568) {
document.body.style.webkitTransform = '';
}
});
并且确保在用户移动鼠标时不要重新应用它。
// This is the function you already have
window.addEventListener('mousemove', function(e) {
if (window.innerWidth < 568) {
return;
}
...
}
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 检查iframe内部的窗口是否已关闭
- 如何使用AngularJS在点击身体内部任何位置时显示弹出窗口
- 如何使用 php 代码内部显示引导模式弹出窗口
- 如果通过字符串变量发送,HTML内部的子窗口将显示为文本
- 窗口.内部宽度 = 0
- 为什么jQuery可以从内部调用窗口,却要将窗口发送给自己
- 获取占x滚动条高度的窗口内部高度
- 如何调整浏览器窗口的大小,使内部宽度为特定值
- 重定向至与窗口宽度相关的内部页面
- 单击链接按钮时,无法从更新面板内部打开新窗口
- 调整窗口大小时更新窗口内部高度
- "FB没有定义为“FB”;内部窗口.fbSyncInit
- 如何防止firefox内部的javascript关闭窗口/选项卡
- 窗口内部宽度大小更改
- Wordpress定制预览脚本在初始页面加载时执行实时预览,而不是在我从预览窗口导航内部页面时执行实时预览
- 日期picker内部引导弹出窗口
- 如何禁用一个JavaScript,与内部窗口宽度
- 是否可以使用"var"将函数绑定到窗口?从函数内部
- Firefox什么时候创建一个新的内部窗口?