Autor Zpráva
Kubazduba
Profil *
#1 · Zasláno: 3. 7. 2015, 15:08:52
Odpovědět Citovat
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
#2 · Zasláno: 3. 7. 2015, 16:40:01
Odpovědět Citovat
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 *
#3 · Zasláno: 3. 7. 2015, 16:52:33
Odpovědět Citovat
Ďakujem pekne :)
Kubazduba
Profil *
#4 · Zasláno: 3. 7. 2015, 18:16:38
Odpovědět Citovat
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>
<section id="gallery" class="gallery">
  <img src="">
</section>

Neviete ako na to?
Camo
Profil
#5 · Zasláno: 3. 7. 2015, 19:24:27 · Upravil/a: Camo o minutu později
Odpovědět Citovat
Kubazduba:
Všetko je v tom druhom linku čo som poslal. Aj si si to riešenie tam prečítal?
Kubazduba
Profil *
#6 · Zasláno: 3. 7. 2015, 19:53:55
Odpovědět Citovat
Áno, skúšal som ho, urobil všetko ako bolo treba ale buď to vyhodilo error alebo pre zmenu nespravilo nič.
Camo
Profil
#7 · Zasláno: 4. 7. 2015, 01:43:58
Odpovědět Citovat
Kubazduba:
Len pre istotu sa spýtam: máš prilinkovanú jQuery?
Kubazduba
Profil *
#8 · Zasláno: 4. 7. 2015, 12:52:42 · Upravil/a: Kubazduba
Odpovědět Citovat
Samozrejme :)


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Camo
Profil
#9 · Zasláno: 4. 7. 2015, 13:12:46
Odpovědět Citovat
Kubazduba:
No a aký error to vyhodilo?
Kubazduba
Profil *
#10 · Zasláno: 4. 7. 2015, 14:25:41 · Upravil/a: Kubazduba
Odpovědět Citovat
TypeError: $(...).offset(...) is undefined


Tu je celý kód 
1<script>
2$("#button").click(function() {
3    $('html, body').animate({
4        scrollTop: $("#button").offset().top
5    }, 2000);
6});
7</script>
<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
#11 · Zasláno: 4. 7. 2015, 14:45:42 · Upravil/a: Radek9 o minutu později
Odpovědět Citovat
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 *
#12 · Zasláno: 4. 7. 2015, 16:35:00
Odpovědět Citovat
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
#13 · Zasláno: 5. 7. 2015, 00:32:08
Odpovědět Citovat
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.
Časová prodleva: 10 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0