Deaktivieren Sie alle Scrollen auf der Webseite

Question

Ich würde gerne wissen, wenn es möglich ist, alle Scrollen auf einer Webseite zu deaktivieren.

Ich bin derzeit mit

html, body { overflow:hidden; } 

Das Problem ist, dass dies nicht auf iOS-Geräten funktioniert, und wenn Sie in dem Mausrad zu halten und sie nach unten ziehen können Sie auch blättern, so dass es wie ein sehr schlecht scheint Lösung des Problems

Gibt es eine Möglichkeit, alle Methoden des Scrollens auf allen Geräten zu deaktivieren und dann wieder zu aktivieren?

Answer 1

Ich hatte genau dieses gleiche Problem, ich habe es mit dem folgenden behoben;

var disableScroll = false; 
var scrollPos = 0; 
function stopScroll() { 
    disableScroll = true; 
    scrollPos = $(window).scrollTop(); 
} 
function enableScroll() { 
    disableScroll = false; 
} 
$(function(){ 
    $(window).bind('scroll', function(){ 
     if(disableScroll) $(window).scrollTop(scrollPos); 
    }); 
    $(window).bind('touchmove', function(){ 
     $(window).trigger('scroll'); 
    }); 
}); 

ist der Touch-Umzug in das Fenster als Fensterscrollereignis bis Berührung Bewegung nicht abgeschlossen ist gefeuert gebunden, so ermöglicht dies eine viel glattere Erfahrung auf iOS!

Dies ist keine perfekte Lösung, da Sie die Seite "werfen" können, aber sie wird an die gewünschte Position zurückkehren, wenn der Wurf abgeschlossen ist (da das Fensterrollen Ereignis dann ausgelöst wird). Dies liegt daran, dass iOS-Browser viele Ereignisse für die Leistung ausschließen. Auch die Funktionen setTimeout und setInterval werden nicht ausgelöst, während die Seite geworfen wird. Auch eine Schleife ist keine Option!

siehe hier http://jsfiddle.net/8T26k/