NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Posuv s fixed menu k id např. k #omne plynule

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

Aktivity
Avatar
Tomas633
Člen
Avatar
Tomas633:29.9.2013 17:16

Ahoj, chtěl bych se zeptat, jak mám docílit toho, když na menu zmáčknu např. na nav. panelu na odkaz "O mně", tak aby na té stránce to plynule putovalo přes ostatní text přímo k odkazu "O mně" .V nějakém časovém intervalu. Mám to zatím nastavené tak, že se mi to rovnou přepne na ten odkaz.

Moje stránky: <a href="http://­www.tomasreichel­t.4fan.cz/">můj web</a> můžete zkusit.
Chtěl bych docílit po kliknutí na odkaz v menu asi tohoto putování: <a href="http://­kmsoft.cz/">do­cílit tohoto</a>

 
Odpovědět
29.9.2013 17:16
Avatar
Marián Ligocký
Tvůrce
Avatar
Marián Ligocký:29.12.2013 10:06

Robí sa to v JS lepsie povedane v JQUERY ale presne neviem

 
Nahoru Odpovědět
29.12.2013 10:06
Avatar
Benjibs
Člen
Avatar
Odpovídá na Tomas633
Benjibs:29.12.2013 10:28 
$('.menu-button').on('click', function()
{
   $('body, html').animate(
   {
       scrollTop: $("#ciel").offset.top
   }, 1000);
});
Nahoru Odpovědět
29.12.2013 10:28
1 + 1 = 2
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Benjibs
Honza Bittner:29.12.2013 11:32 
$('a.tlacitko').on('click', function(){
  var odkaz = $(this).attr('href');
  var menu = $('nav');
  var rychlost = 1000;

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

  e.preventDefault();

});

Takto to je univerzálnější, nastavení jsem dal samostatně nahoru...

Nahoru Odpovědět
29.12.2013 11:32
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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 4 zpráv z 4.