| Autor | Zpráva | ||
|---|---|---|---|
| Kubazduba Profil * |
#1 · Zasláno: 3. 7. 2015, 15:08:52
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
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
Ďakujem pekne :)
|
||
| Kubazduba Profil * |
#4 · Zasláno: 3. 7. 2015, 18:16:38
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 * |
#6 · Zasláno: 3. 7. 2015, 19:53:55
Á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
Kubazduba:
Len pre istotu sa spýtam: máš prilinkovanú jQuery? |
||
| Kubazduba Profil * |
#8 · Zasláno: 4. 7. 2015, 12:52:42 · Upravil/a: Kubazduba
Samozrejme :)
<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
Kubazduba:
No a aký error to vyhodilo? |
||
| Kubazduba Profil * |
#10 · Zasláno: 4. 7. 2015, 14:25:41 · Upravil/a: Kubazduba
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 * |
#12 · Zasláno: 4. 7. 2015, 16:35:00
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
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: 9 let
|
|||
0