https://www.dnevnik.ba/themes/old-bridge/js/myscript.js

1window.onload = () => {
2    const myElement = document.querySelector('.header');
3
4    if (!myElement) {
5        console.error("No element with class '.header' found");
6        return;
7    }
8
9    const handleScroll = () => {
10        if (window.scrollY > 120) {
11            myElement.classList.add('scrolled');
12        } else {
13            myElement.classList.remove('scrolled');
14        }
15    };
16
17    window.addEventListener('scroll', handleScroll);
18};
19
20
21/*
22
23document.addEventListener('DOMContentLoaded', async () => {
24    var header = document.getElementById('module_15')
25    var loadMore = document.querySelector('.basic-section') ? document.querySelector('.button-load-more') : null
26    var observer = new MutationObserver(() => {
27        let header1 = document.querySelector('.container-social-search-home-bar')
28        let header2 = document.querySelector('nav')
29        let searchInput = document.querySelector('.search-input')
30        let searchToggler = document.querySelector('.search-toggler')
31        let burgerMenu = document.querySelector('.burger-menu')
32        let catNav = document.querySelector('.categories-nav')
33        if (header) {
34            document.addEventListener('scroll', () => {
35                if (window.innerWidth > 960) {
36                    if (window.scrollY > 120) {
37                        header2.classList.remove('class-hidden')
38                        header2.children[0].children[0].classList.remove('class-display-none')
39                        header1.classList.add('class-hidden')
40                        searchToggler.classList.add('class-display-none')
41                        header2.classList.add('container-sticky')
42
43                    } else {
44                        header2.children[0].children[0].classList.add('class-display-none')
45                        header2.classList.remove('container-sticky')
46                        header1.classList.remove('class-hidden')
47                        searchToggler.classList.remove('class-display-none')
48                    }
49                }
50            })
51            burgerMenu.addEventListener('click', () => {
52                catNav.classList.toggle('class-display-block')
53                catNav.classList.toggle('categories-nav-active')
54                document.querySelector('body').style.overflowY = document.querySelector('body').style.overflowY == 'hidden' ? 'auto' : 'hidden'
55            })
56            
57            /* if (window.innerWidth <= 960) {
58                burgerMenu.addEventListener('click', () => {
59                    catNav.classList.toggle('class-display-block')
60                    catNav.classList.toggle('categories-nav-active')
61                    document.querySelector('body').style.overflowY = document.querySelector('body').style.overflowY == 'hidden' ? 'auto' : 'hidden'
62                })
63            } else {
64                window.addEventListener('resize', () => {
65                    if (window.innerWidth <= 960) {
66                    }
67                })
68            } */
69/*
70        }
71
72        if (searchToggler && searchInput) {
73            searchToggler.addEventListener('click', () => {
74                searchInput.classList.toggle('hidden-OOB')
75            })
76        }
77
78    })
79    observer.observe(header, { childList: true })
80    if (loadMore) {
81        loadMore.addEventListener('click', (e) => {
82            // console.log('Ucitaj jos modula');
83        })
84    }
85
86}) */