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ść.
Blokowanie scrolla
Napisano 15 czerwca 2014 - 11:51
Napisano 15 czerwca 2014 - 12:10
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/
Napisano 15 czerwca 2014 - 12:13
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
Napisano 15 czerwca 2014 - 12:20
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ół.
Napisano 15 czerwca 2014 - 12:27
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.
Napisano 15 czerwca 2014 - 12:34
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ł
Napisano 15 czerwca 2014 - 12:43
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.
Napisano 15 czerwca 2014 - 12:45
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
Napisano 25 czerwca 2014 - 08:07
jak używasz obrazka jako bg to zrób po prostu:
background-size: 100% auto;
i po kłopocie
Podone tematy
Temat | Forum | Autor | Podsumowanie | Ostatni post | |
---|---|---|---|---|---|
Google Analytics - badanie pozycji scrollaAnalytics, google, scroll i 1 więcej |
Promocja i marketing | zonic |
|
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych