https://atlantaalimited.com/assets/js/aboutpage.js

1$.fn.isInViewport = function() {
2    var elementTop = $(this).offset().top;
3    var elementBottom = elementTop + $(this).outerHeight();
4    
5    var viewportTop = $(window).scrollTop();
6    var viewportBottom = viewportTop + $(window).height();
7    
8    return elementBottom > viewportTop && elementTop < viewportBottom;
9};  
10
11// 12. Team Slider
12  var team_slider = new Swiper(".team__slider", {
13    spaceBetween: 30,
14    loop: true,
15    // freemode: true,
16    slidesPerView: 1,
17    // speed: 2000,
18    breakpoints: {
19      640: {
20        slidesPerView: 2,
21      },
22      1000: {
23        slidesPerView: 3,
24      },
25      1200: {
26        slidesPerView: 4,
27      },
28    },
29    autoplay: false,
30    pagination: {
31      el: ".swiper-pagination",
32      type: "fraction",
33    },
34    navigation: {
35      nextEl: ".pp-next",
36      prevEl: ".pp-prev",
37    },
38  });
39// Check if element is in viewport on scroll and resize
40$(window).on('resize scroll', function() {
41  if ($(".team__slider").isInViewport()) {
42      team_slider.autoplay.start();
43  } else {
44      team_slider.autoplay.stop();
45  }
46});
47
48var portfolio_slider = new Swiper(".portfolio__slider-2", {
49    slidesPerView: 1,
50    spaceBetween: 0,
51    effect: "fade",
52    speed: 1500,
53    loop: true,
54    autoplay: {
55      delay: 5000,
56      disableOnInteraction: false
57    },
58    pagination: {
59      el: ".swiper-pagination",
60      clickable: true,
61      renderBullet: function (i, className) {
62        return `
63        <button class="${className}">
64          <svg class="circle-progress"><circle class="circle-origin" r="24.5" cx="25" cy="25"></circle></svg><span></span>
65        </button>
66      `;
67      }
68    }
69  });
70
71  $(window).on('resize scroll', function() {
72    if ($(".portfolio__slider-2").isInViewport()) {
73        
74        portfolio_slider.autoplay.start();
75    } else {
76    
77        portfolio_slider.autoplay.stop();
78    }
79  });