Přidání kotevních odkazů pro posouvání v rámci stejné stránky

Napsal(a)

v rubrice

,

Přidání kotevních odkazů s posunem na stejné stránce

Toto je prémiová funkce dostupná od verze 4.0.1+

Kotevní odkazy s posunem na stejné stránce jsou odkazy, které směřují na konkrétní místo na téže stránce. Když kliknete na odkaz na stejné stránce, prohlížeč se plynule posune k určené oblasti.

K vytvoření kotevního odkazu na stejné stránce potřebujete dvě věci:

  1. Vlastní třídu nebo vlastní ID u prvku a
  2. Odkaz nebo tlačítko, které odkazuje na tuto vlastní třídu nebo ID

1. Vlastní třída nebo vlastní ID u prvku

Vyberte libovolný prvek v dolní části stránky a otevřete jeho vlastnosti. V pokročilé části přidejte vlastní třídu nebo vlastní ID s názvem „go_here“

2. Odkaz nebo tlačítko, které odkazuje na vlastní třídu nebo ID

Nyní vytvořte odkaz nebo přidejte prvek tlačítka někde v horní části stránky. Místo přidání URL jako odkazu použijte „.go_here“ (s tečkou), pokud jste „go_here“ přidali jako vlastní třídu; nebo použijte „#go_here“ (s mřížkou), pokud jste ji přidali jako vlastní ID.

Po uložení stránky by se měl prohlížeč po kliknutí na váš odkaz/tlačítko plynule posunout k prvku v dolní části stránky.

Můžete to použít také k cílení na pojmenované kotvy

Pojmenované kotvy, jako například

<a name="go_here"></a>

lze také zacílit přidáním odkazu na „#go_here“ (s mřížkou)

Další využití

Můžete také zacílit na jakékoli jiné oblasti na stránce, a to i mimo oblast editoru, pokud na ně zacílíte pomocí jejich názvů tříd nebo ID.