Autor Zpráva
soucekgns
Profil
Dobrý den,
můžu se zeptat, jak mám zjistit pozici #skolicka ve stránce a poté na ni scrollovat?
Mám na mysli něco takového:

<li><a href="#skolicka" class="skolicka">Školička</a></li>

<span class="anchor" id="skolicka">&nbsp;</span>

$('#sidenav li a').click(function () {
  $('body,html').animate({
    scrollTop: xy
  }, 1000);
  return false;
});

xy = pozice #skolicka ve stránce

Děkuji za rady
Tori
Profil
soucekgns:
Nepomůže metoda element.scrollIntoView? Nevím, nakolik je to podporované, ale na odkázané stránce píšou od MSIE 6.
soucekgns
Profil
Tori:
No tak to funguje, ale to můžu rovnou dát odkaz href="#skolicka"
-> já potřebuji aby ta stránka "sjela" a ne "seskočila"
Chamurappi
Profil
Reaguji na soucekgnse:
Viz Plynulý přesun na kotvu stránky.
YOYO
Profil
když už tam máš jQuery, tak pomocí
$(el).offset().top
zjistíš polohu elementu ;)
(popř.:
$(el).position().top
liší se myslím o velikost marginu)
soucekgns
Profil
Díky, a jestli se můžu ještě zeptat, jak se dá scrollovat podle atributu href ...
Zkoušel jsem toto, ale to nefunguje:
<li><a href="#skolicka" class="skolicka">Školička</a></li>	

	$('#sidenav a').click(function () {
			$('body,html').animate({
				scrollTop: this.attr('href').offset().top
			}, 1000);
			return false;
		});
YOYO
Profil
 $('#sidenav a').click(function () {
            $('body,html').animate({
                scrollTop: $(this.href).offset().top
            }, 1000);
            return false;
        });


edit: pokud chceš mermomocí používat jQuery i pro přístup k atributu elementu, bylo by to
$($(this).attr('href')).offset().top
soucekgns
Profil
díky moc

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0