HTML5'te Kaydırmayı Önleme

Question

HTML5 uygulamamdaki tüm sayfa kaydırma formlarını engellemek istiyorum. için genel bir yanıt için SO ve Google üzerinde arama yapmayı denedim, tüm kaydırma mekanizmalarını önleyin, ancak her şey çok özeldir - örneğin, dokunuşlarla kaydırmayı devre dışı bırakmak veya arrow keys veya kaydırma çubuklarının kendileri.

Bunun için arama yapmamın nedeni, görünür ekranın altında yeni bir div oluşturmak ve onu hareketlendirmek (ve aşağı. Bu MoonBase ne demek istediğimi gösterir.) Ve kullanıcı istemiyorum görmek için aşağı kaydırmak mümkün. Mümkün mü? Ayarlayabileceğim bir meta etiketi var mı? Veya CSS? - Ya da benim animasyonuma yanlış yaklaşımı mı yapıyorum? Yani, ben sadece yan yana animasyonlu (ve meta etiketi width=device-width dahil) tüm sorunlarımı sabit olurdu? İstenen davranışları elde etmem için en yakın yol bu mu?

Answer 1

JavaScript'e ihtiyacınız yok, sadece CSS kullanın. overflow: hidden;:

:

body { 
    overflow: hidden; 
}