webForumDet fria alternativet

Scrolla ned, div flyter upp?

1 svar · 1 056 visningar · startad av Jeppeweb

JeppewebMedlem sedan sep. 2006512 inlägg
#1

Hej,

Jag försöker uppnå en effekt som liknar den som återfinns på den här sajten: http://www.geoffroydeboismenu.com/

Där menyn flyter upp när man scrollar ned och överlappar, i detta fall, "bild" divven.

Koden jag har för stunden är denna:

$(window).scroll(function(){            
    $("#container").stop().animate({ "marginTop": ($(window).scrollTop() + 30) + "px"}, "slow"); 
});

Men den koden gör i princip det motsatta; divven följer med ned när man scrollar, istället för att "åka" upp.

Det jag är ute efter är att min #container div ska överlappa min #slider div.

Hur uppnår jag den här effekten på smidigast sätt? Tacksam för all hjälp!

voigtann1Medlem sedan juni 20018 810 inlägg
#2

det är nog mer att man ändra opaciteten på en position fixed bilden beroende på var content innehållet är.

kolla hans scrollPage metod.

Eller vilken "effekt" är du ute efter?

Genererad på 370 ms · cache AV · v20260730165559-full.f96bc7eb