Autor Zpráva
dennis15
Profil
Dobrý den,

chtěl bych vědět, jak udělat tento efekt (když kliknete na položku v menu).
Znám kód v HTML:
<html>
<body>
<a href="#clanek">Klikněte k přejetí na článek</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="clanek">
Toto je článek.
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

Ale tento kód zobrazí "článek" bez jakéhokoli efektu.

Ať jsem hledal, jak jsem hledal v HTML kódu v indexu ani v CSS stylech jsem na již zmíněných stránkách nic nenašel.

Děkuji za vaše odpovědi.
Taps
Profil
dennis15:
jquery - http://css-tricks.com/snippets/jquery/smooth-scrolling/
dennis15
Profil
Taps:
Jj, děkuju moc :D.
Chamurappi
Profil
Reaguji na dennise15:
Stokilový framework na takovou trivialitu nepotřebuješ, stačí pár řádků skriptu:
function narolujNa(element)
{
  var pozice = element.getBoundingClientRect().top;
  var posun = Math.round(Math.abs(pozice) > 1 ? pozice / 5 : pozice);
  window.scrollBy(0, posun);
  if(pozice - element.getBoundingClientRect().top)
    setTimeout(function() { narolujNa(element) }, 30);
}
function narolujOdkazem(a)
{
  if(!a.hash) return false;
  narolujNa(document.getElementById(a.hash.substr(1)));
  return true;
}
Použití:
<a href="#clanek" onclick="return !narolujOdkazem(this)">

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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