Autor Zpráva
Trolllllik
Profil *
Dobrý den,
už asi 2 hodiny se snažím přijít na to,
jak udělat, že když začnu scrolovat dolů tak se stránka posune třeba o 500px níž a zas na opak.
Povedlo se mi udělat jen to, že to jelo jen dolů, ale už to nešlo nikam jinam...

Neví někdo jak to udělat?


var ScrollPos = 0;

$(window).scroll(function () {
    var CurScrollPos = $(this).scrollTop();
    if (CurScrollPos > ScrollPos) {
        $("html, body").animate({ scrollTop: $(".body-1").offset().top }, "slow");
    } else {
        $("html, body").animate({ scrollTop: $(".header-bg").offset().top }, "slow");
    }
    ScrollPos = CurScrollPos;
});

to tam mam teď, ale nefunguje...
Taps
Profil
Trolllllik:
pro inspiraci http://www.sitepoint.com/jquery-infinite-scrolling-demos/
Trolllllik
Profil *
Taps:
To jsem zrovna nemyslel, ale díky.
Fisir
Profil
Reaguji na Trolllllika:
Můžeš to zkusit vypreparovat odtud. Vypadá to, že na to existují jQuery pluginy.
Trolllllik
Profil *
Fisir:
Jo, přesně ono, zkusim se v tom vyznat.
Díky


Použil jsem plugin onePageScroll, kdyby někdo někdy potřeboval. Hodně jednoduchý na použití. Udělalo mi to i sekce a css pro ně. Super!
Trolllllik
Profil *
Sorry, že to tu ještě vytahuju, ale na IE 9 ten plugin nefungoval.
Pro ty co ho chtějí použít, to jde opravit následujícím kódem:
Nazačátek toho pluginu, hned za otevřením funkce přidejte

$.support.transition = (function(){
       var thisBody = document.body || document.documentElement,
        thisStyle = thisBody.style,
            support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;
    return support;
  })();

(před proměnnou defaults), a poté najděte tenhle řádek -> $.fn.transformPage = function(settings, pos, index) { a dovnitř na začátek přidejte
if ( ! $.support.transition ) {
    $(this).animate(
        {
              'top': pos + '%'
        }, 200
    );
    return;
}



Podporuje to takhle i IE8, ale nefunguje postraní lišta...

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: