 Scroll i znikający nagłówek. Co zrobić by header był zawsze widoczny?, Nagłówek zawsze na wierzchu |
  |
| Scroll i znikający nagłówek. Co zrobić by header był zawsze widoczny?, Nagłówek zawsze na wierzchu |
 10.09.2014, 20:35:24
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 10.05.2014 Skąd: Elbląg Ostrzeżenie: (10%) 
 |
Tak jak w tytule. Powiedzmy, że zjeżdżam scrollem w dół i tym samym nagłówek znika mi z widoku. Mógłbym użyć position: fixed, ale chciałbym, żeby nagłówek zjeżdżał dopiero wtedy, kiedy już całkiem zniknie ze strony.
Podobny efekt jest wykorzystany np. na Facebooku, gdzie przydatne opcje z góry strony cały czas są widoczne na szczycie przeglądarki, nawet jak zjedziemy na sam dół. Można to też porównać do blokowania nagłówka tabeli w excelu. Właściwie to jest dokładnie to, bo chodzi o to samo. Czy taki efekt można osiągnąć w CSS? Osoby chcące pomóc, bardzo proszę o pomoc. Pozdrawiam wszystkich. Ten post edytował Bart123 10.09.2014, 20:48:39 |
 |
 
|
|
10.09.2014, 20:49:55
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 1 270 Pomógł: 184 Dołączył: 7.10.2012 Skąd: Warszawa Ostrzeżenie: (0%) 
|
http://jsfiddle.net/Ms3SG/69/ Cos takiego ? W css watpie aby mozna bylo uzyskac taki efekt
Ten post edytował rad11 10.09.2014, 20:59:54 |
|
|
|
|
10.09.2014, 21:02:13
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 10.05.2014 Skąd: Elbląg Ostrzeżenie: (10%)
|
Dzięki za podpowiedź
 Skoro się nie da w css - będziemy się bawić w JS. Life is brutal Trzeba będzie się po prostu nauczyć. Ten post edytował Bart123 10.09.2014, 21:02:47 |
|
|
|
|
11.09.2014, 21:06:04
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 217 Pomógł: 1 Dołączył: 26.05.2011 Skąd: Moon Ostrzeżenie: (10%)
|
A ja zrobiłem coś takiego w ten sposób:
zawartość header umieściłem w div="fixed" i ustawiłem z parametrem position: fixed a body ustawiłem margin-top: xxx px; tak aby zawartość zaczynała/chowała tuż pod headerem  i jak skrolujesz to nie włazi pod headerprzez co początkowa zawartość jest zawsze widoczna w całości po załadowaniu strony:) Może nie najlepsze rozwiązanie ale umnie się sprawdza
|
|
|
|
|
18.09.2014, 17:42:48
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 10.05.2014 Skąd: Elbląg Ostrzeżenie: (10%)
|
Kumam o co chodzi tylko jest pewien myk dość istotny. Position fixed podobno nie działa na mniejszych urządzeniach. Szczerze mówiąc nie wiem czy to prawda bo żadnego z nich nie posiadam - na telefonie nie mam neta - więc zwykle robię stronę na mniejsze urządzenia trochę po omacku.
W sumie najważniejsze, że ostateczny efekt zawsze działa. Dzięki za odpowiedź. Za każdą jestem "dźwięczny" bo daje nową wiedzę, a tej nigdy za wiele
Ten post edytował Bart123 18.09.2014, 17:44:56 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 17.05.2025 - 15:35 |
