Bloquer le scroll

Bonjour à tous !

Je poste dans cette section-ci sans être sûr car je ne sais pas de quel type sera la solution (js, html, css), même si j'ai ma petite idée ^^.

Voilà. Je vous expose un peu le truc : quand on arrive sur mon site, on tombe sur un écran (qui s'adapte automatiquement à la hauteur de votre écran) avec la navbar, une grosse image de background juste en dessous de la navbar, une phrase et un bouton de navigation qui envoie vers une ancre dans la page (classique en somme).

Ce que je souhaiterais faire, c'est que lorsque le visiteur clique sur le bouton de navigation (ou scroll manuellement vers le bas), une fois un certain point passé, il ne puisse plus remonter au dessus de ce point. Donc bloquer le scroll up au dessus de ce point.

Exemple hypothétique : Mettons, l'écran d'accueil décrit ci-dessus fait max 1200 px de hauteur, ce que je voudrais c'est qu'une fois descendu au delà de 1200 px, on ne puisse plus remonter au dessus de ces 1200 px.

Je sais que c'est possible car j'ai visité plusieurs sites faisant cela. Par contre je suis une bille en js.

Quelqu'un aurait-il une solution pour moi ?

D'avance merci ! :)

Honzo