Chcę zastosować tło javascript na mojej stronie. Znalazłem gotowy, ale rozpoznaję na nim problem. Kiedy przewijasz myszką w przeglądarce, powiększasz lub pomniejszasz, zaczyna to wyglądać tak dziwnie. Możesz wypróbować go samodzielnie z tego linku demonstracyjnego;

Próbny

Również kod HTML i CSS tego tła animacyjnego jest w tym łączu;

Link do HTML-CSS-Javascript tego demo

Czy możesz mi pomóc, jak mogę zapobiec powiększyć lub powiększać się do przeglądarki?

-1
Ozan Yurtsever 29 listopad 2018, 12:20

1 odpowiedź

Najlepsza odpowiedź

Możesz to zrobić tylko za pomocą jQuery z poniższym kodem,

$(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();
       }
});

Uwaga: upewnij się, że przed tym skryptem w kodzie znalazłeś jquery.

1
ElusiveCoder 29 listopad 2018, 12:30