Blokowanie scrolla

Hej,
mam takie pytanie.
Załóżmy, że mamy One Page ze scrollem.

Czy mogę domyślnie na każdej przeglądarce zablokować Scrolling, Page Down, srzałki w dół, wyłączyć pasek przewijania itd?

Chciałbym żeby strona się przewijała w dół tylko po wciśnięciu przycisku na stronie. Żeby to była jedyna możliwość.

Hmm co mi przychodzi na myśl, by wyłączyć scrolla możesz użyć dla body overflow: hidden - nie będzie mozliwości scrollowania (przynajmniej dla zwykłych użytkowników )

No a jesli chodzi o przyciski, to w JS możesz wpisać coś takiego:

$(document).on('keyup', function(e) {
    if (e.keyCode == '32') {
        alert('jest!')
    } else {
        return;
    }
})

'32' to spacja. Demo: http://jsfiddle.net/5VNxN/

overflow: hidden; a reszta to pewnie JS "scroll to".
 
edit:
nie odświeżyłem. Yeoman był szybszy

Użytkownik Michał edytował ten post 15 czerwca 2014 - 12:15

Czyli da się to zrobić nawet sensownie tak? Nie będzie to przekombinowanie i kłopot z różnymi przeglądarkami?

Przykładowo weźmy taką stronę: http://estimote.com

Chciałbym żeby każdy użytkownik po wejściu miał widoczny tylko slider na fullscreenie (to tez pewnie bedzie kłopot, zeby byl na fullscrenie jeden box). I dopiero po wciśnięciu tego kolorowego przycisku zjechało mu z automatu na dół.

Oczywiście że się da. Ja sądziłem że przycisk ma być z klawiatury No ale w takim razie dałbyś .on() w jQuery i styka.

Co do boksa to musiałbyś go tak przemyśleć aby na każdym wyświetlaczu był dopasowany.

Oczywiście że się da. Ja sądziłem że przycisk ma być z klawiatury No ale w takim razie dałbyś .on() w jQuery i styka.

Co do boksa to musiałbyś go tak przemyśleć aby na każdym wyświetlaczu był dopasowany.

Przyciski na klawiaturze chciałbym blokować, żeby niki PgDn albo strzałki w dół nie używał

Ale można każdemu takiemu boxowi ustawić height: 100%; wtedy styka na każdym wyświetlaczu.
A żeby nic nie wychodziło poza te boxy, jeszcze @media w CSS.

Ale można każdemu takiemu boxowi ustawić height: 100%; wtedy styka na każdym wyświetlaczu.
A żeby nic nie wychodziło poza te boxy, jeszcze @media w CSS.

Z tym sobie jakoś poradzę

Głównie zależało mi na sensownym blokowaniu przycisków i scrolla

jak używasz obrazka jako bg to zrób po prostu:

background-size: 100% auto;

i po kłopocie