scripts.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. window.onscroll = function () {
  2. scrollFunction();
  3. scrollFunctionBTT(); // back to top button
  4. };
  5. window.onload = function () {
  6. scrollFunction();
  7. };
  8. function scrollFunction() {
  9. if (document.documentElement.scrollTop > 30) {
  10. document.getElementById("navbar").classList.add("top-nav-collapse");
  11. } else if ( document.documentElement.scrollTop < 30 ) {
  12. document.getElementById("navbar").classList.remove("top-nav-collapse");
  13. }
  14. }
  15. let elements = document.querySelectorAll(".nav-link:not(.dropdown-toggle)");
  16. for (let i = 0; i < elements.length; i++) {
  17. elements[i].addEventListener("click", () => {
  18. document.querySelector(".offcanvas-collapse").classList.toggle("open");
  19. });
  20. }
  21. document.querySelector(".navbar-toggler").addEventListener("click", () => {
  22. document.querySelector(".offcanvas-collapse").classList.toggle("open");
  23. });
  24. var cardSlider = new Swiper('.card-slider', {
  25. autoplay: {
  26. delay: 5000,
  27. disableOnInteraction: false
  28. },
  29. loop: true,
  30. navigation: {
  31. nextEl: '.swiper-button-next',
  32. prevEl: '.swiper-button-prev'
  33. },
  34. slidesPerView: 2,
  35. spaceBetween: 70,
  36. breakpoints: {
  37. // when window is <= 991px
  38. 991: {
  39. slidesPerView: 1
  40. }
  41. }
  42. });
  43. myButton = document.getElementById("myBtn");
  44. function scrollFunctionBTT() {
  45. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  46. myButton.style.display = "block";
  47. } else {
  48. myButton.style.display = "none";
  49. }
  50. }
  51. function topFunction() {
  52. document.body.scrollTop = 0; // for Safari
  53. document.documentElement.scrollTop = 0; // for Chrome, Firefox, IE and Opera
  54. }