HELP!!! Нуб в беде )
Здравствуйте уважаемые обитатели форума) помогите пожалуйста настроить функцию вращения страниц) буду оч благодарен) Есть шаблон html сайта, хочу добавить возможность перелистывания ещё и с помощью колеса мыши.. По умолчанию в данный момент страницы листаются только с помощью стрелок на сайте. Но хотелось бы чтобы было 2 варианта, стрелками + колёсиком мыши.
|
Цитата:
let timerWheel;
document.addEventListener("mousewheel", function(event) {
window.clearTimeout(timerWheel);
let delta = event.deltaY > 0;
let sel = delta ? '[data-action="top"]' : '[data-action="bottom"]';
let btn = document.querySelector(sel);
timerWheel = window.setTimeout(function() {
btn.click();
}, 250)
})
|
Цитата:
|
|
Мне бы сделать так чтобы было так: https://www.jqueryscript.net/demo/3D...Transition-js/
|
В общем он скролит если нажать за пределы тела сайта..
http://demo.pr-demo.96.lt/cube/ |
Цитата:
|
Цитата:
|
Цитата:
|
Точнее нет. Он с запозданием реагирует если указать 1000.. Если указать 30 то реакция происходит оперативнее. Но проблема в итоге в том что при прокрутке он иногда 40% прокруток тормозит из-за появления скрола внутри страницы
|
в общем он иногда прекращает крутить страницы и в этих случаях я вижу как появляется скрол страницы внутри тела текстовой информации.. И этот скрол заполненный и я не знаю почему он то появляется то нет
|
WebMachine,
let animate;
document.addEventListener("mousewheel", function(event) {
let delta = event.deltaY > 0;
let sel = delta ? '[data-action="top"]' : '[data-action="bottom"]';
let btn = document.querySelector(sel);
if (!animate) {
btn.click();
animate = true;
window.setTimeout(function() {
animate = false;
}, 600)
}
})
|
http://demo.pr-demo.96.lt/cube/
Обновил скрипт но все равно если покрутить вниз а потом два раза вверх то снова тормозит |
Это если нажать стрелкой мыши на текст.. Но если 1 раз нажать за пределы информации то норм крутит
|
Может мне запрет поставить на скрол в этих блоках через css ?
|
WebMachine,event.preventDefault(); добавьте может поможет.
let animate;
document.addEventListener("mousewheel", function(event) {
event.preventDefault();
let delta = event.deltaY > 0;
let sel = delta ? '[data-action="top"]' : '[data-action="bottom"]';
let btn = document.querySelector(sel);
if (!animate) {
btn.click();
animate = true;
window.setTimeout(function() {
animate = false;
}, 600)
}
})
|
Цитата:
|
Я так понял проблема сейчас уже в том что появляется скролинг полоса справа и она тормозит адекватное пролистывание
|
В общем я в любом случае оч благодарен Рони) спасибо вы оч помогли и так. Надеюсь решить сам остальное с помощью css
|
WebMachine,
ок! |
WebMachine,
может так ?))) event.preventDefault(); event.stopPropagation(); |
Цитата:
http://demo.pr-demo.96.lt/cube/ Большое спасибо Рони) по больше бы таких как вы) я очень благодарен вам и честно скажу мечтаю когда нибудь знать всё так же как и вы) вы мой кумир |
Цитата:
|
WebMachine,
:thanks: |
Цитата:
|
WebMachine,
event.preventDefault(); event.stopPropagation(); это тоже бесполезно. |
В общем через просмотр кода элемента увидил как меняются два значения с классами: ps-scrollbar-x-rail и ps-scrollbar-y-rail и по ним пробовал все значения в css убрать.. И содержимое страниц начало скролится бесконечно что вниз что вверх. Затем вернул css значения попробовал поискать в js файлах. И нашел эти значения в файле vendor.js
Но он минимизирован да и я чайник не пойму там ничего.. Мне бы сделать так чтобы страница скролилась только если информация не вмещается на экран.. Просто сейчас текст занимает 40-60% возможной области и он все равно тормозит из-за активации скрола внутри этих блоков. |
Цитата:
|
Цитата:
|
А я видимо не правильно понял вопрос, только сейчас допёр. Не могу понять пока причину, ищу
|
Цитата:
могу ошибаться но возможно это попробуйте убрать
function s(s) {
if (r.env.isWebKit || !t.querySelector("select:focus")) {
var c = o(s)
, u = c[0]
, d = c[1];
l(u, d) || (a = !1,
e.settings.useBothWheelAxes ? e.scrollbarYActive && !e.scrollbarXActive ? (t.scrollTop = d ? t.scrollTop - d * e.settings.wheelSpeed : t.scrollTop + u * e.settings.wheelSpeed,
a = !0) : e.scrollbarXActive && !e.scrollbarYActive && (t.scrollLeft = u ? t.scrollLeft + u * e.settings.wheelSpeed : t.scrollLeft - d * e.settings.wheelSpeed,
a = !0) : (t.scrollTop = t.scrollTop - d * e.settings.wheelSpeed,
t.scrollLeft = t.scrollLeft + u * e.settings.wheelSpeed),
i(t),
a = a || n(u, d),
a && (*!*s.stopPropagation(),s.preventDefault()*/!*))
}
}
|
Цитата:
|
А нушел, убрал и фоновые картинки потерялись.. В общем я так понял лучше это не трогать. Так что ладно) спасибо Рони) оставлю так
|
так тоже не очень прям критично. Просто немного будет страница застревать при скролинге.. Но я думаю ещё сам полазию и придумаю что нибудь может. В любом случае вы открыли мне возможность и я вам благодарен.
|
WebMachine,
ок!))) |
Цитата:
Можете подсказать как добавить ещё и ссылки к определённым блокам? помимо возможных способов просмотра.. и желательно чтобы они выделялись если активны (открыты) Пазязя я почти у входа в Рай |
| Часовой пояс GMT +3, время: 08:05. |