Avatar
cmaja
Člen
Avatar
cmaja:

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):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
cmaja
Člen
Avatar
cmaja:

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.