Fix capac în timp ce defilare
De multe ori pe site-urile puteți observa un capac fix. antet fixă - acest lucru este atunci când derulați în jos a paginii, iar site-ul capacul nu dispare din mintea ta, care este, există întotdeauna în partea de sus, indiferent de cât de departe când derulați în jos. Astăzi ne uităm la modul în utilizarea jQuery 1.7:
antet Poziția: relativă; Poziția header.clone: fix; body.down top header.clone: 0; Codul Magic JS: (Funcția ($) < $ (Ferestre). pe ( "scroll". Funcția () < Aceasta tehnica va clona antetul și originalul lasă în poziția anterioară. fromTop> 200 - înseamnă că atunci când derulați în jos de 200 de pixeli pentru clasa corp adăugat „în jos“.
Aceasta a pus o mulțime de conținut, pentru a afișa derulare pe verticală.
lățime: 100%;
înălțime: 60 px;
fundal: roșu;
>
sus: -60px;
tranziție: 0.2S top ușurință în;
>
stânga: 0;
dreapta: 0;
z-index: 999;
>
$ (Document). gata (funcția () <
var $ header = $ ( "header").
$ Clone = $ antet. înainte de (. $ antet clona () addClass ( "clona").);
var fromTop = $ (document). scrollTop ();
$ ( "Corp"). toggleClass ( "jos" (fromTop> 200).);
>);
>);
>) (JQuery);