forked from akshitagupta15june/Moksh
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
59 lines (45 loc) · 1.29 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
function googleTranslateElementInit ()
{
new google.translate.TranslateElement(
{ pageLanguage: 'en' },
'google_translate_element'
)
}
// All pages menu interaction
let openDropDown = document.querySelector( '.openDropDown' ),
dropMenuLinks = document.querySelector( '.dropMenuLinks' ),
contentWrapper = document.querySelector( '.contentWrapper' ),
navbar = document.querySelector( '.navbar' )
contentWrapper.onscroll = () =>
{
contentWrapper.scrollTop > 5 ? navbar.classList.add( 'bg-white' ) : navbar.classList.remove( 'bg-white' )
}
openDropDown.onclick = () =>
{
dropMenuLinks.style.right = 0
}
// Ends all pages menu interaction
// Get the "return to top" button element
let returnToTopButton = document.getElementById( 'returnToTop' )
// Function to scroll to the top of the page
function scrollToTop ()
{
window.scrollTo( {
top: 0,
behavior: 'smooth'
} )
}
// Function to toggle the visibility of the "return to top" button
function toggleReturnToTopButton ()
{
if ( window.scrollY > 200 )
{
returnToTopButton.classList.add( 'active' )
} else
{
returnToTopButton.classList.remove( 'active' )
}
}
// Add event listeners
window.addEventListener( 'scroll', toggleReturnToTopButton );
// returnToTopButton.addEventListener( 'click', scrollToTop );