Autor Zpráva
Kubazduba
Profil *
Dobrý deň. Tak som tu zas a znova. Rád by som sa opýtal na jednu vec. Nevite o tutoiále ako v Bootstrap vytvoriť navbar, ktorý na začiatku nebude mať pozadie, iba odkazy, logo a spol ale po scrollovaní zmení farbu a bude viditelní a bude "scrollovať s oknom"? A ak áno, ako docieliť toho, aby po kliknutí na odkaz v navbar-e "stránka odscrollovala na určitú <section> ?
Camo
Profil
Kubazduba:
Podľa toho čo si napísal hľadáš css position:fixed, ktorá zabezpečí "scrolovanie navigácie s oknom"
a http://stackoverflow.com/questions/6677035/jquery-scroll-to-element kde sa dočítaš ako orobiť to scrolovanie na <sekciu>.
Tú zmenu pozadia si musíš spraviť odchytením udalosti onscroll a zistením veľkosti odscrolovania.
Kubazduba
Profil *
Ďakujem pekne :)
Kubazduba
Profil *
Skúšal som to ale nijak raz sa mi to nedarí dať dokopy.
Mám button: <a href="#gallery"><button id="button" class="continue">Continue</button></a>
a potrebujem aby mi odscrolloval na
<section id="gallery" class="gallery">
  <img src="">
</section>

Neviete ako na to?
Camo
Profil
Kubazduba:
Všetko je v tom druhom linku čo som poslal. Aj si si to riešenie tam prečítal?
Kubazduba
Profil *
Áno, skúšal som ho, urobil všetko ako bolo treba ale buď to vyhodilo error alebo pre zmenu nespravilo nič.
Camo
Profil
Kubazduba:
Len pre istotu sa spýtam: máš prilinkovanú jQuery?
Kubazduba
Profil *
Samozrejme :)


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Camo
Profil
Kubazduba:
No a aký error to vyhodilo?
Kubazduba
Profil *
TypeError: $(...).offset(...) is undefined


Tu je celý kód
<script>
$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#button").offset().top
    }, 2000);
});
</script>



Už sa mi to podarilo rozbehať. Len by som sa chcel opýtať či neviete prečo mi to odscrolluje iba po vrch toho buttonu a nie až na začiatok toho div-u ktorý je v href?
Radek9
Profil
Kubazduba:
To znamená, že ten prvek s id button ještě v tu chvíli není příštupný. Dej ten kód až pod něj.

iba po vrch toho buttonu a nie až na začiatok toho div-u ktorý je v href?
Protože bereš offset z toho buttonu, nikoli z prvku, kam směřuje.
Kubazduba
Profil *
Myslel som, ale keď som tam dal id toho div-u, resp. section, tak to nefungovalo.. Neviete prosím ako na to, aby to bralo výstup z href? Javascript sa ešte len chystám učiť :D
Camo
Profil
Kubazduba:
To je blbosť robiť to cez href. Musí to fungovať s hocijakým id. A je blbosť po kliku na #buton skrolovať na #buton.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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