requested changes

src/scripts/modules/backToTop/index.ts

@@ -0,0 +1,12 @@
+export function backToTop() {
+	const button: HTMLDivElement = document.createElement( 'div' );
+	button.setAttribute( 'id', 'backtotop' );
+	const scrollToTop = () => {
+		window.scrollTo( {
+			top: 0,
+			behavior: 'smooth',
+		} );
+	};
+	button.onclick = scrollToTop;
+	document.body.appendChild( button );
+}

src/scripts/modules/scrollControl/index.ts

@@ -27,6 +27,12 @@ function scrollCallback() {
 		}
 	}
 
+	if ( Ypos >= ( document.body.scrollHeight - window.innerHeight ) / 2 ) {
+		document.body.classList.remove( 'above-the-fold' );
+	} else {
+		document.body.classList.add( 'above-the-fold' );
+	}
+
 	if ( Ypos < 5 ) {
 		document.body.classList.add( 'top' );
 	} else {

src/scripts/scripts.ts

@@ -6,7 +6,7 @@ import { modulrMasonryController } from './modules/masonry';
 import { modulrSelectController } from './modules/select';
 import { modulrGrid } from './modules/grid';
 import { modulrScrollTo } from './modules/scroll/scroll';
-import { backToTop } from './modules/backToTop/backToTop';
+import { backToTop } from './modules/backToTop';
 
 window.addEventListener( 'DOMContentLoaded', async () => {
 	/* enable scroll animations */