| Autor | Zpráva | ||
|---|---|---|---|
| Trolllllik Profil * |
#1 · Zasláno: 19. 2. 2015, 17:14:37 · Upravil/a: Trolllllik
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 |
#2 · Zasláno: 19. 2. 2015, 17:45:22
Trolllllik:
pro inspiraci http://www.sitepoint.com/jquery-infinite-scrolling-demos/ |
||
| Trolllllik Profil * |
#3 · Zasláno: 19. 2. 2015, 17:54:54
Taps:
To jsem zrovna nemyslel, ale díky. |
||
| Fisir Profil |
#4 · Zasláno: 19. 2. 2015, 17:58:30
Reaguji na Trolllllika:
Můžeš to zkusit vypreparovat odtud. Vypadá to, že na to existují jQuery pluginy. |
||
| Trolllllik Profil * |
#5 · Zasláno: 19. 2. 2015, 18:01:27 · Upravil/a: Trolllllik
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 * |
#6 · Zasláno: 20. 2. 2015, 10:47:33 · Upravil/a: Trolllllik
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... |
||
|
Časová prodleva: 9 let
|
|||
0