Как заставить код скролла заработать во всех браузерах?

Question

[gpyshenko]

Не могу понять код работает в хроме, а в фаерфоксе нифига, пожалуйста помогите, а то время поджимает. Очень спасете.

// Кнопка которая прокручивает до блока
scrollToFollowBtn.addEventListener("click",
function () {
	scrollTo(document.body, followBlock.getBoundingClientRect().top, 600);
},false);
// Вот логика скролла
function scrollTo(element, to, duration) {
	if (duration <= 0) return;
	let difference = to - element.scrollTop;
	let perTick = difference / duration * 10;

	setTimeout(function() {
		element.scrollTop = element.scrollTop + perTick;
		if (element.scrollTop == to) return;
		scrollTo(element, to, duration - 10);
	}, 10);
}

Comments

[Dark Hole]

Тостер - сервис вопросов и ответов. Задания тут не приветствуются.

[gpyshenko]

Dark Hole: Я знаю но сроки поджимают просто прошу помощи)) Я просто не привык писать на чистом js что то получается сделать, а что то нет, бывает нахожу замену сторонники библиотеками, но тут чёт никак не могу сделать))

Answer 1

[Ridz]

проблема в том что в одних браузерах document.body в других document.documentElement
scroll к элементу на js

scrollToFollowBtn.addEventListener("click", function() {
    scrollToElement(followBlock, 600)
}, false);

function scrollToElement(element, duration) {
    var to = element.getBoundingClientRect().top;
    var from = window.pageYOffset;
    var start = performance.now();
    requestAnimationFrame(function animate(time) {
        var progress = (time - start) / duration;
        1 <= progress && (progress = 1);
        window.scrollTo(0, from + (to - from) * progress | 0);
        1 > progress && requestAnimationFrame(animate)
    })
};

Answer 2

[Kovalsky]

window.scrollTo()

Comments

[gpyshenko]

Чёт я туплю, а куда именно это засунуть? Честно не въезжаю((

[Kovalsky]

gpyshenko: ну, этим лучше скроллить

[gpyshenko]

Никита Полевой: Да сделал)) Заработало в фаерфоксе, а в edge нет))) Что за бред?)))