HTML/CSS/JS Scrollen verhindern?

Hi Leute,

Ich habe eine Website bei der das Scrollen komplett (sowohl manuell als auch per JS) verhindert werden soll. Mir ist klar das folgende Möglichkeit geht:

overflow: hidden;

Das Problem ist, dass man dann immer noch mit dem Mausrad scrollen kann (siehe hier: http://hoohaadesign.co.uk/#/intro1)

Lässt sich das auch irgendwie verhindern?

Danke im voraus, Marvin

Answer 1

[TideKit]

Also anstatt dich zu fragen WARUM du das brauchst erklär ich es lieber:

Für mobile Geräte ist es absolut deaktivierbar da mobile Geräte über das "touchmove" Element scrollen. Eine Maus kann man ausser mit "Overflow: hidden" nicht daran hindern. man kann es aber trotzdem so ziemlich verhindern.

Für mobile Browser:

document.addEventListener('scroll', function (e) { e.preventDefault(); }, false);

Für den PC:

window.onscroll = function () {window.scrollTo(0, 0);}

Comments

[MarvinMeller]

Danke so eine Antwort wollte ich :D Probier ich gleich mal aus :)