Hozzon létre egy teljes képernyős görgetést a Landing segítségével a plug-in segítségével

Ma látni fogjuk, hogy a bővítmény használatával létrehozhatja a hitelezés teljes képernyős görgetését. Vagyis a hitelezés bizonyos blokkokból áll, és ezek az azonos blokkok csak a későbbi lecsúszás után változnak. Ebben a stílusban nagyon jól ismert cégek hoznak létre saját leszállást. És ma is megtanulod, hogyan lehet létrehozni egy ilyen design a hitelezés magad.

Az oldal görgetésének hatásairól szóló cikkek:

A hatás lényege: a következő blokkra való görgetés előtt enyhe késéssel, majd az oldal a következő blokkra ugrik. Az animáció az ellenkező irányú görgetővel is megtörténik. Úgy tűnik, mintha egy kis HTML prezentáció lenne.

Próbálja meg ezt a hitelezést a végére görgetni, majd a menü használatával:

Szintén megtekintheti a mini-tanfolyamot, és bonyolultabb hitelezést hozhat létre. A mini-tanfolyam itt található: "60 percre érkezés".

A blokkok cseréje:

Hogyan készítsünk ilyen tervet a leszállásról?

1 HTML struktúra

Először hozzon létre egy menüt, hogy ne csak a blokkokat keressük át, hanem az általános menüt is.

A menüszerkezet szabványos:

• #fullPage a közös blokk azonosítója, amelyben a 4 blokk található.
• horgonyok - a menürendszer adat-horgony attribútumainak értékeinek felsorolása.
• #menu - a menü azonosítója.
• css3 - mozogjon a blokkokon animációval.
• scrollingSpeed ​​- a görgetés ideje.

Érdekes módja a leszállásnak. A hatás alkalmas mind az eladási oldalon, mind az előfizetési oldalon. A legfontosabb dolog az, hogy a blokkok tartalmát jól meg tudjuk oldani.

Ha nem tud létrehozni egy ilyen tervet: segítségért lépjen kapcsolatba velem a SKYPE konzultáció előtti regisztrációval!