Показать сообщение отдельно
  #1 (permalink)  
Старый 07.01.2023, 19:23
Новичок на форуме
Отправить личное сообщение для Terofil Посмотреть профиль Найти все сообщения от Terofil
 
Регистрация: 07.01.2023
Сообщений: 2

Некорректно работает плавная прокрутка в самое начало страницы при нажатии на кнопку
У меня на странице есть кнопка, при нажатии на которую скролл должен плавно подниматься в начало страницы. В браузерах на базе хромиум почему-то иногда прокрутка к началу страницы при нажатии на кнопку не совершается. Вверх немного поднимается и останавливается. При чем пробовал в Firefox, там всё нормально работает. Также пробовал вообще через якорные ссылки реализовать, всё равно, такая же проблема.
/*Стили кнопки*/
<style>
html, body {
scroll-behavior: smooth;
}
.btnUp {
    position: fixed;
    width: 72px;
    height: 72px;
    border-radius: 55px;
    text-align: center;
    line-height: 82.5px;
    font-size: 52px;
    transform: rotate(-90deg);
    background: #F2812F;
    box-shadow: 0 0 25px rgba(0,0,0,0.6);
    right: 0;
    bottom: 0;
    margin-bottom: 30px;
    margin-right: 30px;
    z-index: 15;
    cursor: pointer;
    user-select: none;
}
</style>
/*Кнопка*/
<div class="btnUp" onclick="scrollUp();">➜</div>

//функция поднятия скролла к началу страницы
function scrollUp () {
    window.scrollTo(0, 0);
}

Как решить описанную мной проблему?
Желательно на чистом js.
Ответить с цитированием