Jquery scroll menüt hogyan görgessek arányosan?
Sziasztok!
Segítséget szeretnék kérni, és valaki ha el is tudná magyarázni, hogy ....
Egy olyan scroll menüt szeretnék ami a content div mellet % arányosságban gördül a div hosszúságának arányáig.
És a menü lassabban gördüljön lefelé, mindig egy keveset menjen le.
Erre elkezdtem írni egy program részt, de nem értem.
if ($('#secondary').length > 0){ //Ez akkor teljesül ha hosszúsága nem nulla
// scrollozás esetén teljesül csak
$(window).scroll(function () {
// a teljes ablak pixelben mérete (tartalommal együtt)
var scroll = $(window).scrollTop();
// % ban. A sec div nek hol jár a képernyőn % ban.
var szazalek = (scroll/$('#primary').height())*100;
// a képernyő magassága (A göngésző ablakban hogyan fér bele, magasság)
var windowh = $(window).height();
// a # div teljes mérete
var secondary = $('#secondary').height();
// menü div méretének beolvasása
var primary = $('#primary').height();
teszt = (scroll-(secondary+(secondary*(szazalek/100))))+(secondary)-(kep);
});
válasza:Sikerült már? Segítenék, de nem értem hogy szeretnéd.
Azt akarod hogy a secondary a primary mellett akkor is látható maradjon, ha lescrollozzuk az ablakot?
De hogy jön ide az arány? Ha teljesen legörgettük, akkor az ablak alján kell lennie a secondarynek vagy marad az ablak tetején?
A menü egy hosszú lista.
Ez a lista arányosan osztódjon el a primary -n, mire a lap apjára érek vele.
A lista jön a scrollal együtt. Csak lassabban és arányosan, mire a lap aljára érek.
válasza:Még mindig nem biztos hogy elég az infó, úgyhogy úgy csináltam egy kezdeteleges verziót, ahogy én értelmeztem.
Szóval nem is menüvel dolgozik, csak egy divvel, amiben vannak sorok és a sorokat csúsztatja szét, mert én úgy értelmeztem, hogy a menüpontoknak szét kell csúsznia, ahogy görgetjük lefele az oldalt. Méghozzá úgy, hogy mire teljesen legörgetjük, akkor a menü utolsó menüpontja (ebben a megoldásban az utolsó sora) kerül a primary aljára, miközben az első mindvégig a primary tetején marad (csak az már nem látszódik, ha legörgetjük).
Ezt szemlélteti ez a megoldás:
Ha nem erre gondoltál, akkor írj egy konkrét html mintát, amiben benne van minden aminek benne kell lennie.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!