46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
|
(function (window) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
window.ls.view.add({
|
||
|
|
selector: 'data-general-scroll-direction',
|
||
|
|
repeat: false,
|
||
|
|
controller: function (element, window) {
|
||
|
|
let position = 0;
|
||
|
|
|
||
|
|
let check = function() {
|
||
|
|
let direction = element.scrollTop;
|
||
|
|
|
||
|
|
if (direction > position) {
|
||
|
|
element.classList.remove('scroll-to-top')
|
||
|
|
element.classList.add('scroll-to-bottom')
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
element.classList.remove('scroll-to-bottom')
|
||
|
|
element.classList.add('scroll-to-top')
|
||
|
|
}
|
||
|
|
|
||
|
|
position = direction;
|
||
|
|
|
||
|
|
//let previous = parseInt(element.getAttribute('data-views-current') || 1);
|
||
|
|
let current = Math.ceil(element.scrollTop / window.innerHeight);
|
||
|
|
|
||
|
|
element.setAttribute('data-views-total', Math.ceil(element.scrollHeight / window.innerHeight));
|
||
|
|
element.setAttribute('data-views-current', current);
|
||
|
|
|
||
|
|
if (element.scrollHeight <= (element.scrollTop + element.offsetHeight + 300) && element.scrollTop > 0) {
|
||
|
|
element.classList.add('scroll-end')
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
element.classList.remove('scroll-end')
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
element.addEventListener('scroll', check, false);
|
||
|
|
window.addEventListener('resize', check, false);
|
||
|
|
|
||
|
|
check();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})(window);
|