时间戳

首页 > 解决方案 > 放大 - 缩小 Javascript 背景上的问题

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

问题描述

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

演示

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

此演示的 HTML-CSS-Javascript 链接

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

标签： javascripthtmlcsswebresponsive

解决方案

您只能使用带有以下代码的 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。

推荐阅读