Sida som "scrollar ner automatiskt"

2014-03-06 10:13

Permalänk

LivingInDar

Medlem

Registrerad: Sep 2013

●

Sida som "scrollar ner automatiskt"

Hej,

Undrar hur man går till väga för att få en sida att "rulla ner automatiskt". Följande sida är ett bra exempel på vad jag är ute efter: http://elrumordelaluz.github.io/csshake/

Finns det något namn på den här tekniken?

Rapportera Redigera

Citera flera Citera

2014-03-06 10:52

Permalänk

Floot

Medlem

Plats: Stockholm
Registrerad: Dec 2001

●

Med jQuery:

Koden nedan scrollar sidan till 300 pixlar från toppen. Vet inte hur bevandrad du är inom JavaScript, men testa leka runt med den och bind den till någon knapp och skicka in andra värden än 300px (t ex en .offset.top på en specifik div).

$("body").animate({ scrollTop: "300px" });

Senast redigerat 2014-03-06 10:57

Visa signatur

Ryzen 5600X, Gigabyte RTX 3070 GAMING OC, 32GB Ballistix (3600 CL16)
Fractal Design Meshify C Mini, MSI MAG B550M MORTAR, Kraken X53, WD Black SN850

Rapportera Redigera

Citera flera Citera

2014-03-06 10:56

Permalänk

LivingInDar

Medlem

Registrerad: Sep 2013

●

Tack, har bara testat JavaScript men nu har jag lite mer att gå på.

Rapportera Redigera

Citera flera Citera

2014-03-07 00:15

Permalänk

BuruZ

Medlem

Plats: Norrland
Registrerad: Feb 2004

●

Om du syftar på att när man skrollar så åker den ner en "sida" i taget.
Det står även på sidan vad han använder, i vilket fall här är det:

https://github.com/peachananr/onepage-scroll

Rapportera Redigera

Citera flera Citera

Sida som "scrollar ner automatiskt"

Sida som "scrollar ner automatiskt"

Externa nyheter