Odkazy s kotvou a následný posun stránky

6. 8. 2013 09:09:01

Dobrý den,

rád bych poprosil o radu, na stránce občas využívám odkazy s kotvou typem kapitola. Jak mohu dosáhnout toho, aby pouze tyto odkazy byly po odkliknutí nahozeny na konkrétní místo (tedy ) a zároveň obsah stránky měl od horního okraje odsazení cca 100px?

Tedy, aby bylo odsazeno 100px od horního okraje a fungovalo to takto jen pro odkazy s kotvou, nikoli pro běžné odkazy? Možno použít jquery.

Zdůvodněním je, že na tomto webu je využívaná horní navigační lišta s vyhledáváním o výšce cca 100px, která je plovoucí.

Díky za pomoc.

6. 8. 2013 09:09:01

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930845

Miloslav Lešetický

(10 hodnocení)

6. 8. 2013 09:19:21

requo

Místo použij . Funkčnost zůstane zachována a identifikátor ID už jde snadno pomocí CSS ovlivnit, jak potřebuješ. P.S. - ID samozřejmě musí být v rámci stránky unikátní. Takže použiješ třeba kapitola1, kapitola2 atd.

6. 8. 2013 09:19:21

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930844

Michal Šatal

(12 hodnocení)

6. 8. 2013 09:53:42

To je dobrý nápad, děkuji. :)

6. 8. 2013 09:53:42

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930843

Jan Matoušek

(12 hodnocení)

6. 8. 2013 10:25:56

tady máš pár pluginů: http://www.saaraan.com/2011/01/jquery-anchor-scroll-scripts-plugins

6. 8. 2013 10:25:56

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930842

Jan Stejskal

(7 hodnocení)

6. 8. 2013 11:33:47

Napsal Plaváček;982486
requo
Místo použij . Funkčnost zůstane zachována a identifikátor ID už jde snadno pomocí CSS ovlivnit, jak potřebuješ. P.S. - ID samozřejmě musí být v rámci stránky unikátní. Takže použiješ třeba kapitola1, kapitola2 atd.

a lze použít stejně dobře jako #neco

navrhovaná záměna tedy nepřináší nic navíc

6. 8. 2013 11:33:47

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930841

Miloslav Lešetický

(10 hodnocení)

6. 8. 2013 11:49:45

Jan Stejskal

No, především je zbytečné a name nebo a id vůbec používat. Identifikátor lze přiřadit třeba nadpisu (což by ostatně bylo i logičtější).

6. 8. 2013 11:49:45

https://webtrh.cz/diskuse/odkazy-s-kotvou-a-nasledny-posun-stranky/#reply930840

Pro odpověď se přihlašte.