Autor Zpráva
Jakub Rychlý
Profil
Zdravím,
na stránce mám tlačítko, které odkazuje do určité části stránky, ale stránka tam prostě jenom skočí, jak udělám aby to bylo plynulé a mohl si nastavit rychlost? A jak to celé zakomponuji do HTML?
RastyAmateur
Profil
Jakub Rychlý:
Živá ukázka
Ještě si stáhneš knihovnu jQuery (jde to i bez toho, ale to já nezvládnu). Do data-odkaz dáš ID prvku, na který odkazuješ, to číslo 300 je počet milisekund. Zakomponuješ to následovně:
  <head>
      <!-- Dáš to do hlavičky -->
      <script src="cesta/k/jQuery.js"></script>
      <script>
          $(document).ready(function(){
        $("span").click(function(){
              var odkaz = $(this).attr("data-odkaz");
              $("html, body").animate({scrollTop:$("#" + odkaz).offset().top}, 300);
              });
           });
      </script>
   </head>
Chamurappi
Profil
Reaguji na RastyAmateura:
Uf. To je zase dílo…
1) Proč jQuery?
2) Proč používat na odkazování <span> a ne odkaz?
3) Proč zachytávat klik na všech <span>ech?
RastyAmateur
Profil
Chamurappi:
1) Bez jQuery prostě nic v js nezvládnu... A nevadí mi to!
2) Je v tom zásadní rozdíl? Na pochopení toho, jak to funguje to stačí... Taky mě to napadlo, ale až když jsem měl napsáno span a nepřišlo mi tak důležité to opravovat. Efekt je stejný.
3) V té ukázce je pouze 1 span, takže to vyjde přeci nastejno.

Nikdo mu neodpověděl skoro hodinu. Tak jsem chtěl pomoci.
Chamurappi
Profil
Reaguji na RastyAmateura:
Efekt je stejný.
Není stejný, tvůj pseudoodkaz nefunguje bez JavaScriptu.

V té ukázce je pouze 1 span, takže to vyjde přeci nastejno.
Na tvoji ukázku jsem nekoukal, JSFiddle mi nefunguje. Hodnotil jsem pouze kód, který jsi doporučil zakomponovat do jeho stránky.

Nikdo mu neodpověděl skoro hodinu.
No a co? Tady není chat.
PajaXX
Profil *
jak to tedy vyrobit bez jquery a s odkazem ? Díky
weroro
Profil
PajaXX:
Niekoľko rokov dozadu to Chamurappi napísal v čistom JS Jak udělat pomalý scrolling k ID

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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