Oldalra belépéskor automata "leszkrollozás" - hogyan?
Próbálom leírni érthetően a kérdésemet :)
Szeretném megoldani, hogy ha valaki a weboldalamra bármely aloldalára érkezik, akkor a weboldal teteje ne jelenjen meg neki, vagyis egyből X pixellel lentebbi tartalom jelenje meg a számára (erre írtam "leszkrollozást", pedig ez igazából nem is az).
Lehessen ez után vissza felszkrollozni (ha az júzer szeretne), de alapvetően a felső X pixel ne jelenjen meg neki belépéskor (egy felső menüt szeretnék így kíváncsiságból eltüntetni szem elől).
Tudtok erre megoldást?
Köszi előre is.
re: Oldalra belépéskor automata "leszkrollozás" - hogyan?
re: Oldalra belépéskor automata "leszkrollozás" - hogyan?
<a href="javascript:scroll(0,7440)"></a>
Az első a vízszintes, a második a függőleges érték pixelben, ha minden igaz.
re: Oldalra belépéskor automata "leszkrollozás" - hogyan?
Írasd ki ezt sikeres belépést követően:
(hivd be hozzá a jquery függvénykönyvtárat is)
<script>
jQuery('html, body').animate({
scrollTop: 100
}, 4000);
</script>
A scrollTop-ban megadod mennyi pixelt.
A végén lévő számnál meg hogy mennyi idő alatt görgessen oda.
De csinálhatod így is:
scrollTop: $("#menu-elemed").offset().top - 205 // tehát a menü elemed tetejétől számított magasságból 205 pixel
Vagy megadhatod az elem magasságát is:
scrollTop: $("#menu-elemed").height();
re: Oldalra belépéskor automata "leszkrollozás" - hogyan?
vagy ha még nem lenne elég, vagy egy abszolút egysorosra vágysz, akkor adsz az elemnek egy id-t és:
Kód:
$("#selector")[0].scrollIntoView();