Одним из способов сделать возврат к исходной точке при нажатии на кнопку "скрыть" в JavaScript является использование функции scrollTo()
с параметрами x
и y
, чтобы переместиться к определенной точке на странице.
Пример кода:
// Получаем ссылку на кнопку "скрыть" var hideButton = document.getElementById("hideButton"); // Добавляем обработчик события при нажатии на кнопку hideButton.addEventListener("click", function() { // Выполняем переход к исходной точке, используя функцию scrollTo() window.scrollTo({ top: 0, behavior: "smooth" // Добавляем плавность при прокрутке }); });
В данном примере мы получаем ссылку на кнопку "скрыть" с помощью метода getElementById()
. Затем мы добавляем обработчик события click
к кнопке с использованием метода addEventListener()
. Внутри обработчика события мы вызываем функцию scrollTo()
для окна (объект window
), передавая ей объект с параметрами. В параметрах объекта мы указываем свойство top
со значением 0
, чтобы переместиться к верхней части страницы, и свойство behavior
со значением "smooth"
, чтобы добавить плавную прокрутку.
При нажатии на кнопку "скрыть" страница будет плавно прокручиваться вверх, возвращаясь к исходной точке.
Не забудьте добавить атрибут id
со значением "hideButton" к вашей кнопке "скрыть", чтобы метод getElementById()
мог ее найти.
Надеюсь, этот ответ был полезен и позволил вам решить вашу задачу! Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.