Мой сайт использует Fancybox для отображения элемента и колесика мыши для горизонтального прокрутки мыши.
Каждый раз, когда я просматриваю свою страницу, затем выбираю элемент, горизонтальная прокрутка устанавливается в положение 0. Я хочу, чтобы свиток оставался его позицией.
Пожалуйста, помогите мне.
Fancybox устанавливает класс.fancybox-lock на html...
.fancybox-lock {
overflow: hidden !important; // <-- this is the problem
width: auto;
}
.fancybox-lock {
width: auto;
}
Я редактировал ваш код и работал.
beforeLoad:
BeforeClose:
Aftershow:
это не обязательно. Я удалил.
var scrollPos = 0;
$(".news_helper").fancybox({
width: 512,
fitToView: false,
height: '100%',
autoSize: false,
closeClick: false,
openEffect: 'none',
closeEffect: 'none',
mouseWheel: false,
});
$('html, body').mousewheel(function (event, delta, deltaX, deltaY) {
this.scrollLeft -= (delta * 100);
event.preventDefault();
});
$("img.lazy").lazyload({
effect: "fadeIn",
});
Проверьте это JSFIDDLE