[rukh]

Zapisać poniższy kod w notatniku jako .html

("Nazwa pliku: xd.html")
("Zapisz jako typ: Wszystkie pliki (\*.\*)")

Jest to przykładowe użycie POSITION: STICKY wspierane od 2017 przez większość przeglądarek (Edge, Firefox, Chrome , ..)

#cssdemo #frontend #css #webdev

  .pole_bezowe {
    margin-top: 100px;
    width: 400px;
    height: 600px;
    background-color: moccasin;
  }


  .pole_bezowe > .pole_zielone {
    position: sticky;
    top: 0;

    width: 100%;
    height: 200px;
    background-color: lightgreen;
    box-shadow: inset 0 0 0 4px;
  }

  #powiekszacz_pionowej_zawartosci_strony {
    margin-top: 1000px;
    width: 100px;
    height: 100px;
    background-color: aqua;
  }

[Arveit]

@rukh: a jakieś hacki do IE? Szefa oczko w głowie, żeby na IE9 działało wszystko (bo używa xD)
i wrzuć kod w backticki, bedzie ładniej wyglądał :)

[laki1]

a jakieś hacki do IE? Szefa oczko w głowie

@Arveit: jebnij mu

[Arveit]

@laki1: nie no, to dobry szef :) mimo zamiłowania do IE :)

[a.....z]

@rukh: nie działa, włącza sie notatnik

[rukh]

@ajdasz: Otwórz jeszcze raz notatnik, i zastosuj się do zalecenia z czwartej linijki (Zapisz jako typ: Wszystkie pliki)

Nie działa właśnie bo twój plik się zwie "xd.html.txt" zamiast "xd.html"

[lolen]

@rukh mam nadzieję że później nie stosujesz nazw klas w naszym rodzimym języku ( ͡º ͜ʖ͡º)

[rukh]

@lolen: oczywiście. Tylko że początkujący nie rozróżniają czy to nazwa wymyślona, czy jakaś komenda programu. Stąd ten język polski tutaj użyty.

[a.....z]

@rukh: Pan to je mądry! nie no spoko, wykorzystam w jakimś przyszłym projekcie, fajnie się prezentuje.