NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Odkaz na obrázek s fixním menu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
cmaja
Člen
Avatar
cmaja:5.3.2014 23:50

Mám fixní menu a v textu mám odkaz na obrázek ve článku. Když na tento odkaz kliknu, tak se stránka přesune na obrázek, ale fixní menu kousek zakrývá. Zkoušel jsem použít skript z Smooth scroll v jQuery od hobiho, ale nefungovalo to.
Naznačím situaci kódem:

<p>
Text …………………………………………………………….. <a href="#obr.1">obr.1</a> text……………………………………………………………………………………………………………
</p>
<figure id="obr.1">
       <img src="images/obr1.png" alt="Obr.1">
       <figcaption><b>Obr.1</b> Popis</figcaption>
</figure>
Odpovědět
5.3.2014 23:50
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Odpovídá na cmaja
Michal Žůrek - misaz:6.3.2014 7:19

Ano protože obrázek je na pozici 0,0, tak ho menu překryje. Tak to prostě v js scrollni ještě o výšku navigace.

 
Nahoru Odpovědět
6.3.2014 7:19
Avatar
cmaja
Člen
Avatar
cmaja:6.3.2014 7:59

Použil jsem tento script, ale nefunguje to:

$('a.tlacitko').on('click', function(){
  var odkaz = $(this).attr('href'),
      menu = $('#menu'),
      rychlost = 2 * 1000,
      efekt = "easeInOutExpo";

  $("html, body").stop().animate(
   { scrollTop: $(odkaz).offset().top - menu.height() },
   rychlost, efekt );

  e.preventDefault();
});
Nahoru Odpovědět
6.3.2014 7:59
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.