Фиксирана капачка, докато превъртате
Често на интернет страниците можете да наблюдавате на фиксирана капачка. Фиксирана заглавието - това е, когато превъртате надолу на страницата, както и мястото на капачката не изчезва от съзнанието си, което означава, че винаги има на върха, без значение колко далеч можете да превъртите надолу. Днес се вгледаме в начина, по използване на JQuery 1.7:
заглавна позиция: относителна; header.clone позиции: фиксиран; body.down header.clone горната: 0; Магията JS код: (Функция ($) < $ (Window). на ( "превъртете". функция () < Тази техника ще клонирате заглавното си и оригинала оставя на предишната позиция. fromTop> 200 - означава, че когато превъртане надолу от 200 пиксела, за прибавя тяло клас "надолу".
С това се слага много съдържание, за да се покаже вертикална превъртане.
ширина: 100%;
височина: 60px;
фон: червен;
>
отгоре: -60px;
преход: 0.2S най-лесно в;
>
лява: 0;
дясно: 0;
Z-индекс: 999;
>
$ (Документ). Готов (функция () <
Var $ глава = $ ( "глава").
$ Clone = $ глава. преди (. $ глава клонинг () addClass ( "клон").);
Var fromTop = $ (документ). scrollTop ();
$ ( "Body"). toggleClass ( "надолу" (fromTop> 200).);
>);
>);
>) (JQuery);