скроллинг1.js 830 B

12345678910111213141516171819202122232425262728293031
  1. function scrollFunction(homeSection, scrollTopBtn) {
  2. if (window.pageYOffset > 200) {
  3. scrollTopBtn.style.display = "block";
  4. } else {
  5. scrollTopBtn.style.display = "none";
  6. }
  7. }
  8. function scrollToTop(scrollTopBtn, homeSection) {
  9. scrollTopBtn.style.display = "none";
  10. window.scrollTo({
  11. top: 0,
  12. behavior: 'smooth'
  13. });
  14. }
  15. function initScroll(homeSectionId, scrollTopBtnId) {
  16. const homeSection = document.getElementById(homeSectionId);
  17. const scrollTopBtn = document.getElementById(scrollTopBtnId);
  18. window.addEventListener('scroll', () => scrollFunction(homeSection, scrollTopBtn));
  19. scrollTopBtn.addEventListener('click', () => scrollToTop(scrollTopBtn, homeSection));
  20. }
  21. module.exports = {
  22. scrollFunction,
  23. scrollToTop,
  24. initScroll
  25. };