Floating header bar

[otykarol]

Zainstalowałem skina "Spectrum" i bardzo mi się podoba w nim to, że górne menu pozostaje widoczne, nawet gdy scrolluje stronę do dołu.

Znalazłem sposób na przeniesienie tej funkcji do innych skinów:

W odpowiednim miejscu w CSS (np. #branding) należy wpisać:

#branding {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9998;

Następnie trzeba przesunąć body w dół, np:

body {
  padding-top: 120px;
}

Edytowane 14 Lutego 2012 przez otykarol

[DawPi]

Przenoszę do poradników.. Niedawno też z tym walczyłem, ale nie sądziłem, że się komuś może przydać. Dzięki.

[santok92]

Po małych modyfikacjach zastosuje to do odtwarzacza, żeby nie przerywało muzyki podczas przeglądania forum

[DawPi]

Po małych modyfikacjach zastosuje to do odtwarzacza, żeby nie przerywało muzyki podczas przeglądania forum

To chyba nie wiesz, ja kto działa..

[santok92]

Z-index - ten panel jest na wierzchu.

position: fixed - pozycja nieruchoma

Dwie najważniejsze rzeczy

Tak mi się bynajmniej wydaje

[DawPi]

A jak się to ma do tego:

Po małych modyfikacjach zastosuje to do odtwarzacza, żeby nie przerywało muzyki podczas przeglądania forum

Nijak.

[santok92]

Za pomocą tych tego można zrobić panel u góry z miejscem na interaktywny odtwarzacz flashowy, który podczas zmiany strony nie będzie się przeładowywał. Takie rozwiązanie używa np radioaz.

[DawPi]

Dlatego napisałem:

To chyba nie wiesz, ja kto działa..

[Gama]

Z-index - ten panel jest na wierzchu.

position: fixed - pozycja nieruchoma

Dwie najważniejsze rzeczy

Tak mi się bynajmniej wydaje

position: fixed oznacza że dany element przemieszcza się wraz z przewijaniem strony

[KrzysztofBaraniak]

Bardzo trudne do wykonania to to nie jest, ale i tak dobrze że zrobiłeś taki poradniczek. Coraz więcej stron ma w ten sposób przyklejony pasek, teraz nawet facebook.