ugrás a tartalomhoz

jquery scroll efect

simisoma · 2012. Okt. 30. (K), 06.56
Sziasztok!

azt szeretném megoldani JQery-vel, hogy egy site-ról érkező horgonyos hivatkozásnál szépen betöltődjön az oldal és utána csússzon le a hivatkozott horgonyhoz.

hivatkozás amiről érkeznek: index.php?site=termek#parfum

most ügye betöltődik az oldal egyből a "#parfum" horgonynál.

ehelyett szeretném, betöltődik az oldal tetejénél és utána szépen lecsúszik a "#parfum" horgonyhoz.


Köszönöm!

SimiSoma
‹ Dojo 1.8 - Custom build - CSS-t is de hogyan? képen szöveg? ›
 ■
1

Idő

Hidvégi Gábor · 2012. Okt. 30. (K), 08.02
És ha a látogatóidnak nincs ideje arra, hogy kivárja mindig az animációidat? Gondolom, nem ez az egy hely, hanem máshol is aktívan használsz effektusokat, amik ráadásul nagy valószínűséggel addícionálisak, azaz csak az adott erőforrás betöltése után tudod elindítani őket (mert nem tudod előre megmondani, hogy mikorra érkeznek meg az adatok). Ki lehet őket kapcsolni?
2

Valami ilyesmi jutott

Poetro · 2012. Okt. 30. (K), 08.10
Valami ilyesmi jutott eszembe, de csak Fx alatt próbáltam ki:
    jQuery(function ($) {
        var hash = window.location.hash,
            offset,
            anchor;
        if (hash) {
            anchor = $('a[name="' + hash.replace(/^#/, '') + '"]').show();
            offset = anchor.offset();
            anchor.hide();
            $(document.body).animate({scrollTop: offset.top}, {
                step: function (now, fx) {
                    $(window).scrollTop(fx.now);
                },
                duration: 2000
            });
        }
    });
    a[name] {
        display: none;
    }