Witam
Chciałem poprosić was o pomoc
ProblemChciał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');
}
});
Ten post edytował KotWButach 27.11.2014, 12:11:28