Najlepsza odpowiedź Yeoman, 21 czerwca 2014 - 22:48
Może spróbuj:
overflow-y: hidden;
Albo podaj to w <html>, a nie w body ?
Przejdź do postuNajlepsza odpowiedź Yeoman, 21 czerwca 2014 - 22:48
Może spróbuj:
overflow-y: hidden;
Albo podaj to w <html>, a nie w body ?
Przejdź do postuNapisano 21 czerwca 2014 - 19:28
Hej,
nie mogę ogarnąć jednego tematu. Chciałbym aby sekcje były w pełni dopasowane do rozdzielczości na fullscreenie i aby pasek przewijania został ukryty
Jakoś jedno mi się gryzie z drugim.
Tutaj przykład strony, na której możemy bazować: http://www.bootply.com/render/129806
Mamy fajnie full screena na każdej sekcji, ale kłopoty pojawiają się przy dodaniu dla body:
overflow:hidden;
Niestety, ale height: 100% mi nie pomaga...
Napisano 21 czerwca 2014 - 19:42
overflow: hidden; dla body, i height: 100%; dla każdej takiej sekcji powinno działać.
Jednakże wtedy blokujesz przewijanie 'rollerem' na myszce.
W Google Chrome Scrollbar'a można ostylować:
:-webkit-scrollbar { display: none; }
Napisano 21 czerwca 2014 - 19:44
overflow: hidden; dla body, i height: 100%; dla każdej takiej sekcji powinno działać.
Jednakże wtedy blokujesz przewijanie 'rollerem' na myszce.
W Google Chrome Scrollbar'a można ostylować::-webkit-scrollbar { display: none; }
No właśnie robiłem tak jak mówisz. Ale to blokuje ten efekt przejścia do innej sekcji też.
Napisano 21 czerwca 2014 - 19:55
Zrobiłem tak na tej stronie co podałeś, i wszystko działa poprawnie (prócz oczywiście przewijania 'rollerem').
Hmm- tak się zastanawiam czy nie zależy to od przeglądarki.
Napisano 21 czerwca 2014 - 19:57
Zrobiłem tak na tej stronie co podałeś, i wszystko działa poprawnie (prócz oczywiście przewijania 'rollerem').
Hmm- tak się zastanawiam czy nie zależy to od przeglądarki.
Mi na operze i chromie (webkit) nie przechodzi do sekcji kolejnych po kliknięciu w pozycję menu.
Napisano 21 czerwca 2014 - 20:19
Będzie ciężko na chwilę obecną znaleźć jakieś sensowne rozwiązanie.
Na stacku znalazłem link do tego:
http://jsfiddle.net/uB6Dg/1/
Myślę, że jak wpakujesz cały content strony do tych divów, powinno zadziałać, z tym, że ciężko będzie to dopasować do maksymalnej szerokości.
Napisano 21 czerwca 2014 - 22:40
Nie przemawia jakoś do mnie tego typu rozwiązanie
Mam wrażenie, że o czymś zapominam i coś pomijam... i że da się to prosto i sensownie rozwiązać
Napisano 21 czerwca 2014 - 22:48 Najlepsza odpowiedź
Może spróbuj:
overflow-y: hidden;
Albo podaj to w <html>, a nie w body ?
Napisano 21 czerwca 2014 - 23:21
Może spróbuj:
overflow-y: hidden;Albo podaj to w <html>, a nie w body ?
No kuźwa mistrz Myślałem, że wszystkie możliwe kombinacje sprawdziłem... A wygląda na to, że rozwiązaniem problemu jest:
html{ overflow-y: hidden; }
a reszta kodu bez zmian.
Co prawda nie jest to odpordne na zmniejszanie strony (Ctrl i +/-), ale jak odpalimy stronę na zoom 50% na przykład to sekcje są na fullscrenie. Nie wiem, czy wiecie o co chodzi
W sensie, że jak widzę jedną sekcję na fullscrenie. Wcisnę kilka razy Ctrl i minus to już widzę na ekranie dwie sekcję. Ale jak odświeże, to juz te jedną sekcję mam na fullscreenie.
Napisano 21 czerwca 2014 - 23:33
Z tym overflow-y: hidden; dla <head> masz pewnie słabe wsparcie przeglądarek- nie działa mi na chrome.
Napisano 21 czerwca 2014 - 23:37
Z tym overflow-y: hidden; dla <dead> masz pewnie słabe wsparcie przeglądarek- nie działa mi na chrome.
Jak nie działa Testuję i działa. Nie ma scrolla, a "goto #section" śmiga.
Napisano 22 czerwca 2014 - 09:52
No "go to" śmiga, ale nie roller (a przynajmniej u mnie).
Ale ja właśnie nie chcę żeby scroll myszki działał Przejścia odbywać się będą wyłącznie po wciśnięciu danego buttona z danej sekcji. Na zasadzie odpowiedzi na pytanie i w zależności od odpowiedzi strona leci do danej sekcji
Napisano 22 czerwca 2014 - 09:55
Teraz mi to mówisz?
A ja się głowię co tu zrobić, żeby ten cholerny roller działał.
Napisano 22 czerwca 2014 - 10:06
Teraz mi to mówisz?
A ja się głowię co tu zrobić, żeby ten cholerny roller działał.
Myślałem, że to było jasne już na początku Pisałem też tym w innym temacie, gdzie również mi pomagałeś
Nieważne. Jakoś działa dzięki za pomoc!
Napisano 22 czerwca 2014 - 10:30
Co prawda nie jest to odpordne na zmniejszanie strony (Ctrl i +/-), ale jak odpalimy stronę na zoom 50% na przykład to sekcje są na fullscrenie. Nie wiem, czy wiecie o co chodzi
Rozumiem to w ten sposób że jak zmniejszasz to w pewnym momencie sekcja traci height 100% ?
Napisano 22 czerwca 2014 - 11:29
Rozumiem to w ten sposób że jak zmniejszasz to w pewnym momencie sekcja traci height 100% ?
Tak. Traci 100% i jest mniejsza. Ale jak odświeżę na tej sekcji, gdzie w url mam "#sectionx" to pojawia się z height 100%
Napisano 22 czerwca 2014 - 11:36
Mozliwe że to po prostu błąd przy zmniejszaniu. Moim zdaniem to zmniejszanie jest niezbyt rzetelne.
Napisano 22 czerwca 2014 - 11:44
Nie wszystkie przeglądarki ogarniają overflow-y: hidden;
Ja to zazwyczaj ogarniam na zasadzie że daje wszystko w diva i jemu ustawiam position fixed; width:100%; height:100% i wszystko śmiga jak trzeba.
webDeveloper
Napisano 22 czerwca 2014 - 14:23
Nie wszystkie przeglądarki ogarniają overflow-y: hidden;
Ja to zazwyczaj ogarniam na zasadzie że daje wszystko w diva i jemu ustawiam position fixed; width:100%; height:100% i wszystko śmiga jak trzeba.
A które nie ogarniają?
Temat | Forum | Autor | Podsumowanie | Ostatni post | |
---|---|---|---|---|---|
[Promocja] dla forum WEBTALK - tylko 100 kont za 50% ceny!!!hosting www |
Hosting | securityhost |
|
||
TOP 100 skryptów z 2015 roku od codepen |
Gotowe rozwiązania | zonic |
|
||
Super paka od Envato warta 1000$ do nabycia za... 30$! |
Ogólne | Diego164 |
|
||
Konkurs - 100 zł na Domeny w Gnum.pldomeny, gnum, hosting, .pl |
Domeny | gnum.pl |
|
||
Windows Modules Installer Worker i 100% użycia procesora na Windows 8Windows 8, TiWorker.exe |
Inne | remik |
|
0 użytkowników, 0 gości, 0 anonimowych