Hogyan készítsünk egy blokkot, amikor görgetés ragadós a tetején a böngésző ablak határon

Marad Javascript. Blokk vágánypozíció szélén a böngésző kivonva a pozícióját a scroll közötti távolság a blokk és a lap szélére. Amennyiben ez a helyzet elérte a küszöbértéket, blokk klón, elrejteni, de ne távolítsa el az eredeti blokk áramlás, és a tetején, a beragadt miatt mutatják összesen: fix klón.

Ez még nem minden. Clone script kell jelenteni az eredeti szélesség a blokk, mert fiksed blokk ki összefüggésben, és meghatározza annak méretét, viszonyítva az ablakon, nem a szülő blokk. És ne felejtsük el, egy vízszintes tengely körül, így ha hirtelen jelenik meg vízszintes görgetést, a beragadt egység költözött bal-jobb az ő oszlopban.

Ha minden nem lesz nehéz, hogy adjunk egy pár sort, és hogy valami hasonló ayfonovskogo a Table View. ha az egyik blokk kitolja a másik:

  • Alevtina
  • Alexander
  • Alena
  • Alina
  • Alice
  • Alia
  • Alla
  • Alsou
  • Albina
  • Anastasia
  • Angelina
  • angyalgyökér
  • Anna
  • Antonina
  • Arina
  • Asya
  • Bálint
  • Valery
  • Varvara
  • Vasilisa
  • hit
  • veronika
  • Victoria
  • ibolya
  • Vitali
  • Vladislav
  • Eva
  • Eugene
  • Catherine
  • Helena
  • Erzsébet


Saját változata a script:

Használja. Ahhoz, hogy egy egyszerű ragadós blokk, mint egy lábjegyzet a jogot, add stickyeah osztályban.

Állítsa be a bemélyedés a tetején a böngésző adat stickyeah -offset attribútumot.

Annak érdekében, hogy valahogy változtatni a megjelenését a beragadt egység, válasszuk ki bármelyik osztály az adatokkal stickyeah osztályú:

Taszítják blokkok egymáshoz, mint a fenti névvel, egyesíti őket egy csoportja adat stickyeah -Push értéket.

Azon az oldalon, lehet, hogy több ilyen csoport osztja be az egyes egy azonosító adat stickyeah -Push.


Ha a helyzet: fix nem támogatott, akkor emulálni position: absolute és kiegészítő számtani. De elhatároztam, hogy ne terheljék a forgatókönyvet, ragasztás - segítő opció nincs hatással a tartalom rendelkezésre állása és a képesség, hogy a vásárlást.

Az Ai OS azaz gyenge támogatást összesen: fix - Közép stílusok akkor csak a szétválás után az ujját a képernyőn.

tömb

megáll 15 pixellel a széle a doboz, és kap egy osztály határos megállás.

Ez volt a tanács a webes felület. Szeretne mindent megtudhat intelligens vorstke, rendszeres script, kecses degradáció, trükkök és technológiák dolgozó tervező? Küldj kérdéseket.

Kapcsolódó cikkek