![]() |
![]() ![]() |
![]() |
![]()
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 |
|
|
![]()
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 |
|
|
![]()
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ź
![]() ![]() Trzeba będzie się po prostu nauczyć. Ten post edytował Bart123 10.09.2014, 21:02:47 |
|
|
![]()
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 ![]() przez 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 ![]()
|
|
|
![]()
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 |