Вот фрагмент кода JavaScript, который добавляет на веб-страницу функцию «прокрутки вверх»:
// Method 1: Using scrollTo() method
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: "smooth"
});
}
// Method 2: Using scrollIntoView() method
function scrollToTop() {
const element = document.documentElement;
element.scrollIntoView({
behavior: "smooth",
block: "start"
});
}
// Method 3: Using requestAnimationFrame() for smooth scrolling
function scrollToTop() {
const c = document.documentElement.scrollTop || document.body.scrollTop;
if (c > 0) {
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, c - c / 8);
}
}
// Method 4: Using jQuery library
function scrollToTop() {
$("html, body").animate({ scrollTop: 0 }, "slow");
}
Эти методы предоставляют различные способы реализации функции «прокрутки вверх» в JavaScript. Вы можете выбрать тот, который лучше всего соответствует вашим потребностям. Не забудьте вызвать функцию scrollToTop()
при запуске действия прокрутки.