-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
40 lines (28 loc) · 967 Bytes
/
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
window.onscroll = function() {myFunction()};
// Get the navbar
var navbar = document.getElementById("navbar");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
// Style the Cursor
const cursorDot=document.getElementById("dot");
const cursorOutline=document.getElementById("outline");
window.onmousemove= function(e) {
const posX=e.clientX;
const posY=e.clientY;
cursorDot.style.left=`${posX}px`;
cursorDot.style.top=`${posY}px`;
//cursorOutline.style.left=`${posX}px`;
//cursorOutline.style.top=`${posY}px`;
cursorOutline.animate({
left:`${posX}px`,
top:`${posY}px`
},{duration:500,fill:"forwards"});
}