Artigos sobre: Editor de Páginas

Como manter um MENU FIXO na tela (Sticky Menu)

Para manter o menu da sua página fixo na tela, enquanto os visitantes navegam pelo seu site, siga o tutorial abaixo:

Faça login na sua conta no GreatPages e acesse o editor de páginas;

Acesse o ícone de engrenagem no canto superior direito da tela;

Acesse "Javascript & CSS" e clique em "Adicionar código";

Dê um nome para ele, marque a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;

<script>
(function () {
    var primeiroBloco = document.querySelector('#site .gpc-b:first-of-type');
    if (!primeiroBloco) return;

    var segundoBloco = primeiroBloco.nextElementSibling;

    function fixarMenu() {
        if ((window.pageYOffset || window.scrollY) > 0) {
            primeiroBloco.style.position = 'fixed';
            primeiroBloco.style.top = '0';
            primeiroBloco.style.left = '0';
            primeiroBloco.style.width = '100%';
            primeiroBloco.style.zIndex = '9999999';

            if (segundoBloco) {
                segundoBloco.style.marginTop = primeiroBloco.offsetHeight + 'px';
            }
        } else {
            primeiroBloco.style.position = '';
            primeiroBloco.style.zIndex = '';

            if (segundoBloco) {
                segundoBloco.style.marginTop = '0px';
            }
        }
    }

    window.addEventListener('scroll', fixarMenu, false);
    fixarMenu();
})();
</script>

Depois disso, clique em "Salvar".

Lembrando que esse código irá manter apenas o primeiro bloco fixo na tela. Caso você precisa que outro bloco seja mantido fixo, siga o tutorial abaixo, ou entre em contato com nossa equipe no Chat.

Como manter um BLOCO ESPECÍFICO FIXO na tela — https://ajuda.greatsoftwares.com.br/pt-br/article/como-manter-um-bloco-especifico-fixo-na-tela-36zpp/

Atualizado em: 24/07/2026

Este artigo foi útil?

Obrigado!