Question

我想在我的网站上应用JavaScript背景。我找到了一个就绪的，但是我发现它存在问题。当您在浏览器上用鼠标对scrool进行放大或缩小时，它看起来就很奇怪。您可以通过该演示链接自行尝试；

此动画背景的html和css代码也在此链接中；

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背景上的缩小问题

1 个答案: