Hogyan hozzunk létre egy vízszintes hely
Ebben a cikkben szeretnék, hogy bemutassa a hasznos észrevételeket a design a vízszintes oldalon. A telek lesz kialakítva a CSS, HTML, plusz ehhez hozzátesszük animált görgetés hatást jQuery.
Bevezetés. Általában weboldalak függőleges szerkezet egy fix szélességű és „hátsó” a magasság; magassága egy ilyen site hosszától függ, a tartalom, amely belsejében található a fő rétegben.

Szerkezet vízszintes oldalon van egy kis különbség: fix magasságú és „nyúló” a szélessége, mint például:

Hogyan lehet ezt megtenni? Nagyon egyszerű: hozzon létre egy egységet, például #container.
és meghatározza annak méretét a következő CSS (válassza ki a megfelelő szélesség és magasság):
Most a készülék belsejében #container létre egyes területeken, és új tartalommal. Például, én rendezetlen listát ul li lista elem (bár tervezése az oldalon, persze, meg kell használni a blokkok div), például:

A HTML kód a következő:
Felvehet más szakaszokra egyszerűen behelyezi a li elem rendezetlen listát ul. Css kód:

De, ha használja a background-attachment: fixed a háttérkép mindig látható a böngészőablakban.

Css kód a következő:
Animált vízszintes görgetés valósítható plug-inek, amelyeket össze kell kapcsolni egy script:
Szintén a head címke, helyezze be a következő kódot (2 dolnyy bővítménye a helyszínen a js mappa):