Smart scrolling

Prevent scrolling issues when page is resized by loading images

Від 06.06.2016. Дивіться остання версія.

Задати запитання, залишити відгук, або повідомити про скрипт.

Wrap lines

// ==UserScript==
// @name        Smart scrolling
// @namespace   [email protected]
// @description Prevent scrolling issues when page is resized by loading images
// @include     *
// @version     1.0
// @grant       none
// ==/UserScript==

(function() {
	var images = document.getElementsByTagName('IMG');
	var imagesHeight = [];
	var imagesParent = [];
	var update = function() {
		var style, rect, height;
		for(var i = 0; i < images.length; i++) {
			style = getComputedStyle(images[i]);
			if(style.display == 'none' || style.position == 'fixed') continue;
			rect = images[i].getBoundingClientRect();
			height = Math.round(rect.bottom - rect.top);
			if(!imagesParent[i]) {
				imagesParent[i] = images[i];
				while(true) {
					imagesParent[i] = imagesParent[i].parentNode;
					if(imagesParent[i] == document.body) break;
					style = getComputedStyle(imagesParent[i]);
					if(style.overflow == 'auto' || style.overflow == 'scroll') break;
				}
			} else if(imagesHeight[i] != height && rect.top < 0) {
				if(imagesParent[i] == document.body)
					scrollBy(0, height - imagesHeight[i]);
				else
					imagesParent[i].scrollTop += height - imagesHeight[i];
			}
			imagesHeight[i] = height;
		}
		requestAnimationFrame(update);
	};
	update();
})();