Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu. Zároveň využij akce až 80 % zdarma při nákupu kreditů. Více informací:
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
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
Michal Žůrek - misaz
Tvůrce
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.