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

Question

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

还有这个动画背景的html和css代码在这个link;

Link of HTML-CSS-Javascript of this demo

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

Answer 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。

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

Zoom in - Zoom out problem on the Javascript Background

html

javascript

css

web

responsive