mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix compatibility with older browsers (webOS 2/3)

Browse source
This commit is contained in:
Dmitry Lyzo 2019-10-22 22:19:43 +03:00
parent cbd64f6b4e
commit c0fbce32ce
1 changed files with 40 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/components/scrollManager.js
View file

@ -1,7 +1,7 @@
define(["dom", "browser", "layoutManager"], function (dom, browser, layoutManager) { define(["dom", "browser", "layoutManager"], function (dom, browser, layoutManager) {
"use strict"; "use strict";
const ScrollTime = 200; var ScrollTime = 200;
// FIXME: Need to scroll to top of page to fully show the top menu. This can be solved by some marker of top most elements or their containers // FIXME: Need to scroll to top of page to fully show the top menu. This can be solved by some marker of top most elements or their containers
var _minimumScrollY = 0; var _minimumScrollY = 0;
@ -209,6 +209,44 @@ define(["dom", "browser", "layoutManager"], function (dom, browser, layoutManage
scrollTimer = undefined; scrollTimer = undefined;
} }
/**
* Performs animated scroll.
*
* @param {HTMLElement} xScroller horizontal scroller
* @param {number} scrollX horizontal coordinate
* @param {HTMLElement} yScroller vertical scroller
* @param {number} scrollY vertical coordinate
*/
function animateScroll(xScroller, scrollX, yScroller, scrollY) {
var start;
function scrollAnim(currentTimestamp) {
start = start || currentTimestamp;
var dx = scrollX - xScroller.scrollLeft;
var dy = scrollY - yScroller.scrollTop;
if (Math.abs(dx) <= 1 && Math.abs(dy) <= 1) {
resetScrollTimer();
xScroller.scrollLeft = scrollX;
yScroller.scrollTop = scrollY;
return;
}
var k = Math.min(1, (currentTimestamp - start) / ScrollTime);
dx = Math.round(dx*k);
dy = Math.round(dy*k);
xScroller.scrollLeft += dx;
yScroller.scrollTop += dy;
scrollTimer = requestAnimationFrame(scrollAnim);
};
scrollTimer = requestAnimationFrame(scrollAnim);
}
/** /**
* Performs scroll. * Performs scroll.
* *
@ -223,33 +261,7 @@ define(["dom", "browser", "layoutManager"], function (dom, browser, layoutManage
resetScrollTimer(); resetScrollTimer();
if (smooth && useAnimatedScroll()) { if (smooth && useAnimatedScroll()) {
var start; animateScroll(xScroller, scrollX, yScroller, scrollY);
function scrollAnim(currentTimestamp) {
start = start || currentTimestamp;
var dx = scrollX - xScroller.scrollLeft;
var dy = scrollY - yScroller.scrollTop;
if (Math.abs(dx) <= 1 && Math.abs(dy) <= 1) {
resetScrollTimer();
xScroller.scrollLeft = scrollX;
yScroller.scrollTop = scrollY;
return;
}
var k = Math.min(1, (currentTimestamp - start) / ScrollTime);
dx = Math.round(dx*k);
dy = Math.round(dy*k);
xScroller.scrollLeft += dx;
yScroller.scrollTop += dy;
scrollTimer = requestAnimationFrame(scrollAnim);
};
scrollTimer = requestAnimationFrame(scrollAnim);
} else { } else {
var scrollBehavior = smooth ? "smooth" : "instant"; var scrollBehavior = smooth ? "smooth" : "instant";