https://thefamoustv.com/wp-content/themes/famous/assets/js/main.js

1let section = document.querySelectorAll("section");
2let menu = document.querySelectorAll("header nav a");
3
4window.onscroll = () => {
5  section.forEach((i) => {
6    let top = window.scrollY;
7    let offset = i.offsetTop - 150;
8    let height = i.offsetHeight;
9    let id = i.getAttribute("id");
10
11    if (top >= offset && top < offset + height) {
12      menu.forEach((link) => {
13        link.classList.remove("active");
14        document
15          .querySelector("header nav a[href*=" + id + "]")
16          .classList.add("active");
17      });
18    }
19  });
20};
21function openNav() {
22    document.getElementById("mySidenav").style.width = "100%";
23  }
24  
25  function closeNav() {
26    document.getElementById("mySidenav").style.width = "0";
27  };
28function reveal() {
29  var reveals = document.querySelectorAll(".reveal");
30
31  for (var i = 0; i < reveals.length; i++) {
32    var windowHeight = window.innerHeight;
33    var elementTop = reveals[i].getBoundingClientRect().top;
34    var elementVisible = 150;
35
36    if (elementTop < windowHeight - elementVisible) {
37      reveals[i].classList.add("active");
38    } else {
39      reveals[i].classList.remove("active");
40    }
41  }
42}
43
44window.addEventListener("scroll", reveal);
45
46// To check the scroll position on page load
47reveal();
48
49$('.h300 .owl-carousel').owlCarousel({
50    dots:true,
51    loop:true,
52    nav:true,
53    margin:10,
54    responsiveClass:true,
55    responsive:{
560:{
57    items:2.2,
58    nav:true
59},
60600:{
61    items:3,
62    nav:false
63},
641000:{
65    items:5.3,
66    nav:true,
67    loop:false
68}
69}
70}),
71$('.h170 .owl-carousel').owlCarousel({
72    dots:true,
73    loop:true,
74    nav:true,
75    margin:10,
76    responsiveClass:true,
77    responsive:{
780:{
79    items:2.5,
80    nav:true
81},
82600:{
83    items:3,
84    nav:false
85},
861000:{
87    items:5.3,
88    nav:true,
89    loop:false
90}
91}
92}),
93$('.h250 .owl-carousel').owlCarousel({
94    dots:true,
95    loop:true,
96    nav:true,
97    margin:10,
98    responsiveClass:true,
99    responsive:{
1000:{
101    items:1.5,
102    nav:true
103},
104600:{
105    items:3,
106    nav:false
107},
1081000:{
109    items:5.3,
110    nav:true,
111    loop:false
112}
113}
114}),
115$('.stations .owl-carousel').owlCarousel({
116    dots:true,
117    loop:true,
118    nav:false,
119    margin:10,
120    responsiveClass:true,
121    responsive:{
1220:{
123    items:4.4,
124    nav:true
125},
126600:{
127    items:3,
128    nav:false
129},
1301000:{
131    items:11.5,
132    nav:true,
133    loop:false
134}
135}
136}),
137$('.h200 .owl-carousel').owlCarousel({
138    dots:true,
139    loop:true,
140    nav:true,
141    margin:10,
142    responsiveClass:true,
143    responsive:{
1440:{
145    items:1.4,
146    nav:true
147},
148600:{
149    items:3,
150    nav:false
151},
1521000:{
153    items:4.3,
154    nav:true,
155    loop:false
156}
157}
158}),
159$('.h310 .owl-carousel').owlCarousel({
160    dots:true,
161    loop:true,
162    nav:true,
163    margin:10,
164    responsiveClass:true,
165    responsive:{
1660:{
167    items:1.4,
168    nav:true
169},
170600:{
171    items:3,
172    nav:false
173},
1741000:{
175    items:4.3,
176    nav:true,
177    loop:false
178}
179}
180})