MouseWheel ScrollTo, або як за допомогою коліщатка миші перестрибувати на потрібний анкор
Вітаю. Є довга сторінка (головна), і незручність при читанні даної сторінки. Сторінка зверстана по секціях, тому вирішив, що буде зручно за допомогою коліщатка перестрибувати з секції до секції. Знайшов у гугле, і трохи модифікував під себе такий скрипт:
Все працює як замислювалося. Але, не скрізь. Наприклад на ноутбуках не всі секції ідеально підходять по висоті екрана, і майже половину секції користувач пропускає, тому що при прокручуванні миші перестрибує на сл. секцію. Як реалізувати сл.: поки що сл. блок не з'явився унизу екрана, не перестрибувати на сл. секцію? Тобто. так званий overflow-scroll="true"? Чи може їсти вже готові варіанти? (не full-page-scroll, який розтягує всі секції під екран користувача)
в результаті у мене вийшов такий код $(function() (function() var delay = false);
event.preventDefault(); if(delay) return;
delay = true; setTimeout(function(),200)
var wd = event.originalEvent.wheelDelta -event.originalEvent.detail;
var a=document.getElementsByClassName('scrollAnchor'); if(wd = 40) break; > > else for(var i = a.length-1 ; i >= 0 ; i--) var t = a[i].getClientRects()[0].top; if(t > >); >)(); >); але не спрацювало
Чомусь не вийшло: $(function() (function() var delay = false; function getWinHeight() if($(window).height()0)?true:false; scrollTop = scroll; ;else event.preventDefault(); if(delay) return;
delay = true; setTimeout(function(),200)