Você pode arrastar um componente Âncora
na categoria Básico da Paleta para o Visual Designer a fim de criar uma âncora nomeada em sua página. O equivalente HTML deste componente é <a name=targetname></a>. O nome do componente Âncora, definido em sua propriedade id, é o nome de destino.
Por exemplo, solte uma âncora na parte inferior de uma página e veja se o seu nome é anchor1. Você pode, então, adicionar um hyperlink na parte superior da página e definir a propriedade url do hyperlink como #anchor1 para vinculá-lo à âncora.
Solte a âncora na página no local para o qual você deseja que a página role quando o usuário clicar em um link para a âncora. Você também pode arrastar a âncora para outro local na página.
Se você quiser vincular-se a uma âncora em outra página, use um componente Hyperlink e defina sua propriedade url usando o editor de propriedade para navegar para a âncora. Por exemplo, se a página for chamada Page2.jsp e a âncora nessa página for chamada anchor1, o resultado da propriedade url do hyperlink é /faces/Page2.jsp#anchor1.