

html, js - Odsazený odkaz na záložku
Zdravím,
klasická situace:
.
.
.
<h1 id="nadpis">Nadpis</h1>
.
.
.
.
.
<a href="#nadpis">Odkaz na záložku</a>
.
Když kliknu na Odkaz na záložku, stránka se vyscrolluje na nadpis.
Jak by se dalo zařídit, třeba pomocí jQuery, aby se Nadpis nezobrazil úplně nahoře (protože tam mám menu fixně), ale 50px od TOPu okna a aby to fungovalo z odkazu z dané stránky, kde se záložka nachází, ale i z externích stránek...
Díky
Bez záruky např.:
Se zárukou:
A půjde to i když se na to odkážu z externího odkazu? Třeba z /indexu na /novinky#prvni
Vždycky jde zajistit, aby to fungovalo.
Ovšem máš správný postřeh, že ve výchozím stavu to fungovat nebude.
Napadá mě například po načtení dokumentu kontrolovat parametry url adresy a aktivovat následně posun.
To je ale řeč jen jak to udělat za každou cenu, bez alternativ.
Mě například přijde praktičtější do stránky vkládat prázdné odkazy, které budou sedět přesně.
Nebo vytvářet odkazy přímo na dané MENU.
No jasně, všechno jde
Jen právě nevím, jak to kontrolovat
Do události po načtení dokumentu zavoláš:
Někde je chyba...
když je hodnota -50 (tedy záporná), konzole mi vyhodí chybu:
když je kladná tak žádná chyba není, ale i tak se nic neděje a pořád je prvek nahoře, jako by klasicky...
Toš co no.
Možné varianty:
- Je chyba v argumentu 1
- Je chyba v argumentu 2
'#'+kotva nahraď něčím co tam máš, potřeba vyzkoušet.
Taky nepomáhá...
Zkusil jsem to i barbarsky nějak takto, kdy jsem místo kotvy použil PHP proměnné v $_GET:
v alertu se mi všechno zobrazuje správně... jak pozice, tak názvy, tak vše... ale nic se neděje...
Pfffffff !
Kód, který zajistí posunutí:
Kde do proměnné element načteš element.
-50 je -50px
Funkční odkaz přiložen.
Tak to mě po*er :D ono to nefungovalo jen kvůli těm parametrům pro scrollTo :D
Díky moc...