Chciałem poprosić was o pomoc
Problem
Chciałbym po kliknięciu w przycisk by włączała się blokada przewijania głównego okna gdy przewijam tabelę, chciałbym by można było to włączać i wyłączać, zatem napisałem następujący kod który niestety działa tylko pod warunkiem umieszczenia klasy w sposób statyczny nie dynamiczny.
$('.no-scroll-window').on('mousewheel DOMMouseScroll', function (e) { var e0 = e.originalEvent, delta = e0.wheelDelta || -e0.detail; this.scrollTop += (delta < 0 ? 1 : -1) * 30; e.preventDefault(); }); $("body").on('click', '.no-off-scrolling', function () { $(this).closest('section').find('div').addClass('no-scroll-window'); // div zawiera scroll. });
ROZWIAZANIE
$('body').on('mousewheel DOMMouseScroll', '.no-scroll-window', function (e) { var e0 = e.originalEvent, delta = e0.wheelDelta || -e0.detail; this.scrollTop += (delta < 0 ? 1 : -1) * 30; e.preventDefault(); }); $("body").on('click', '.no-off-scrolling', function () { if (!$($(this).closest('section').find('.no-scroll-window')).length) { $(this).closest('section').find('div').addClass('no-scroll-window'); $(this).css('background-position', '-230px -85px'); } else { $(this).closest('section').find('div').removeClass('no-scroll-window'); $(this).css('background-position', '-230px -0px'); } });