Plynulý posuv k prvku přez jQuery

kotva přez jQuery

Posuv k nějakému prvku stránky lze realizovat využitím pouhého HTML, ale nemůžete si nastavit rychlost posovu, trajektorii atd... Pokud chcete docílit těchto vlastností, tak již je nutné použít javascript (respektive jQuery). Běžně si stáhnete nějaký zbytečně velký soubor, hledáte jak to funguje a pak to realizujete.

Je ale i jednoduší cesta a to krátký kousek skriptu.

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

#button - je id prvku, který způsobí posuv k prvku s id "#elementtoScrollToID"
"#elementtoScrollToID" - to je id prvku ke kterému má efekt scrollovat
2000 - to je čas po který se bude efekt provádět tudíž rychlost posuvu


Pro doplnění uvedu "běžnou" verzi, které stačí pouze HTML:

obsah bloku

<< zpět