Увеличение масштаба - проблема уменьшения масштаба на фоне Javascript

Question

Я хочу применить фон JavaScript на своем веб-сайте.Я нашел готовый, но я обнаружил проблему на нем.Когда вы прокручиваете мышь в браузере, увеличиваете или уменьшаете масштаб, это начинает выглядеть так странно.Вы можете попробовать это самостоятельно по этой демонстрационной ссылке;

Демо

Также в этой ссылке есть html и css-код этого анимационного фона;

Ссылка HTML-CSS-Javascript этого демо

Можете ли вы помочь мне, как я могу предотвратить его увеличение или уменьшение в браузере?

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 в свой код перед этим скриптом.