Garth

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




Nejnovější články

Jak udělat stín bloku pouze na jedné straně?

CSS - Úvod do CSS

Jak detekovat klik na tlačítka myšy?

JavaScript - Úvod do JavaScriptu

Jak udělat odkaz na celý řádek tabulky?

JavaScript - Příklady v JavaScriptu

Jak zrušit tečky kolem odkazu?

CSS - Základy CSS

Jak fungují lomítka a tečky v url adrese?

(x) HTML - Úvod do HTML