Adicionar espaçamento na barra de navegação

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar espaçamento na barra de navegação

Mensagem por CamBroBranimes 31.01.20 5:04

Detalhes da questão


Endereço do fórum: https://portalgmo.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá, gostaria de saber se tem como modificar um javascript padrão do fórum, gostaria de colocar o seguinte código em um if:
Código:
jQuery(".navbar").css('padding-bottom', '0px');

O javascript que desejo modificar é:
Adicionar espaçamento na barra de navegação 110

O padrão é assim:
Código:
//<![CDATA[
$(document).ready(function() {$(window).scroll(function() {var header_top = $('#headerbar-top');if (header_top.hasClass('w-toolbar')) {if ($(window).scrollTop() >= 42) {header_top.addClass('is-sticky');} else {header_top.removeClass('is-sticky');}} else {if ($(window).scrollTop() >= 1) {header_top.addClass('is-sticky');} else {header_top.removeClass('is-sticky');}}});});//]]>

Gostaria de deixar assim:
Código:
$(document).ready(function()
{
    $(window).scroll(function()
    {
        var header_top = $('#headerbar-top');
        if (header_top.hasClass('w-toolbar'))
         {
             if ($(window).scrollTop() >= 42)
            {
                header_top.addClass('is-sticky');
                jQuery(".navbar").css('padding-bottom', '0px');
            }
            else
            {
                header_top.removeClass('is-sticky');
                jQuery(".navbar").css('padding-bottom', '12px');
            }
        }
        else
        {
        if ($(window).scrollTop() >= 1)
        {
            header_top.addClass('is-sticky');
            jQuery(".navbar").css('padding-bottom', '0px');
        }
        else
        {
            header_top.removeClass('is-sticky');
            jQuery(".navbar").css('padding-bottom', '12px');
        }
        }
    }
    );
}
);//]]>

Obs:Como falei não tem quase nada diferente, só no if. O que eu fiz foi organizar o código
CamBroBranimes

CamBroBranimes
Novo Membro

Membro desde : 04/08/2018
Mensagens : 6
Pontos : 10

http://gmo-habbo.directorioforuns.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar espaçamento na barra de navegação

Mensagem por tikky 01.02.20 13:37

Olá @CamBroBranimes,

Não existe necessidade de modificar o script. O Senhor pode usar o seguinte código, na sua folha de estilo:
Código:
#headerbar-top .navbar {
    padding-bottom: 12px!important;
}
#headerbar-top.is-sticky .navbar {
    padding-bottom: 0px!important;
}


Cordialmente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7816
Pontos : 9062

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar espaçamento na barra de navegação

Mensagem por Convidado 06.02.20 18:02

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos