放大 - 缩小 Javascript 背景上的问题答案

【问题标题】：Zoom in - Zoom out problem on the Javascript Background放大 - 缩小 Javascript 背景上的问题
【发布时间】：2019-05-01 07:26:10
【问题描述】：

我想在我的网站上应用 javascript 背景。我找到了一个现成的，但我发现它有问题。当您在浏览器上用鼠标滚动、放大或缩小时，它开始看起来很奇怪。您可以通过该演示链接自行尝试；

Demo

这个动画背景的html和css代码也在这个链接里；

Link of HTML-CSS-Javascript of this demo

你能帮我吗，我怎样才能防止它在浏览器上被放大或缩小？

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。 S
我无法滚动它，因为它没有任何内容可以让它滚动。

标签： javascript html css web responsive

【解决方案1】：

您只能使用带有以下代码的 jquery 来做到这一点，

$(document).keydown(function(event) {
  if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109'  || event.which == '187'  || event.which == '189'  ) ) {
        event.preventDefault();
     }
    // 107 Num Key  +
    // 109 Num Key  -
    // 173 Min Key  hyphen/underscor Hey
    // 61 Plus key  +/= key
});

$(window).bind('mousewheel DOMMouseScroll', function (event) {
       if (event.ctrlKey == true) {
       event.preventDefault();
       }
});

注意：确保在此脚本之前已将 jquery 包含在代码中。

【讨论】：