Ako na "celú rolovaciu stránku"

Sir_Cayman · Napísal **Sir_Cayman**: 05.11.2015 8:28

Pozdravujem vospolok,
mal by som taký trošku triviálny dotaz, chcel by som spraviť prezentačnú, úplne jednoduchú webstránku ale aby sa dala celá prerolovať odhora dole a zároveň keď kliknem napr na Kontakt tam ma presunie na dolný koniec stránky, tam kde sa nachádza informácia, ako napríkad

Kód:

http://akademia-zdravia.sk/

Je to nejaký redakčný systém alebo je na to skript ? Zatiaľ som také niečo nerobil.

Ďakujem pekne

HAE07 · Napísal **HAE07**: 05.11.2015 8:55

na danej stranke je to robene cez obycajnu kotvu, ak si vsimnes url odkazov v menu, tak je to len #vase-skusenosti a podobne. a nasledne ma v obsahu div element id="vase-skusenosti". taktiez su samozrejme na to rozne JS pluginy, ktore ti zabezpecia plynuly prechod slajdom a vzdy zvyraznia aktivnu polozku.

hatto13 · Napísal **hatto13**: 05.11.2015 10:31

to co povedal HAE07 az na tie pluginy. ziadny plugin na to nepotrebujes, jedine jquery ale to beriem ako samozrejmost ze na stranke uz mas.

takto by to malo fungovat, samozrejme treba zmenit class pre menu podla potreby, a este by bolo by dobre overit ci elementId existuje:

Kód:

$(".moje-menu a").on('click', function(e) {
    e.preventDefault();
    var elementId = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(elementId).offset().top
    }, 2000);
)};

ps: s redakcnym systemom to nema nic. redakcny system ti poskytuje data, ktore v template zobrazujes podla potreby. to ako to vyzera a co to robi je cisto na tebe

Ako na "celú rolovaciu stránku"

Podobné témy