Autor Zpráva
Retentive
Profil *
Mám tento kód:
$(document).ready(function() {
    $('a[href=#o_mne]').click(function(){
        $('html, body').animate({scrollTop:650}, 'slow');
        return false;
    });
});



$(document).ready(function() {
   
    $('a[href=#znalosti]').click(function(){
        $('html, body').animate({scrollTop:915}, 'slow');
        return false;
    });

});

$(document).ready(function() {
   
    $('a[href=#nabizim]').click(function(){
        $('html, body').animate({scrollTop:1155}, 'slow');
        return false;
    });

});

$(document).ready(function() {
   
    $('a[href=#reference]').click(function(){
        $('html, body').animate({scrollTop:1630}, 'slow');
        return false;
    });

});

$(document).ready(function() {
   
    $('a[href=#kontakt]').click(function(){
        $('html, body').animate({scrollTop:1820}, 'slow');
        return false;
    });

});
A taky mám responzivní web a potřebuji, aby při různých rozlišeních scrolloval různě, u dvou vím jak na to, ale když už jich je víc tak nevím jak na to. Prosím poraďte.
anonymníí
Profil *
Retentive:
Proč tolikrát document.ready? A proč vůbec na tuto prkotinu jQuery?

No nic, abych odpověděl: nepoužívej pevně stanovené odskrolování v px, ale pracuj s aktuální pozicí elementu, k němuž skroluješ.
Chamurappi
Profil
Reaguji na Retentive:
Jak ti to s těmi přesnými čísly funguje při jiných velikostech písma?

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: