/* Correção do fundo fixo no Safari do iOS. Abordagem escolhida (bem mais simples que as tentativas anteriores, que mexiam em z-index/position/altura e acabaram quebrando scroll e modais): o bug do "background-attachment: fixed" no Safari do iOS é especificamente sobre aplicar isso em elementos que NÃO são o body — aplicado direto no , costuma funcionar normalmente. Como a .full é filha direta do body, a solução é só MOVER o fundo pro body, tirando ele da .full. Nada de z-index, position ou altura foi tocado — só o background trocou de dono. */ body { background-color: #444444; background-image: url('/pipocou/images/bg-pipocou.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: top; } @media(max-width:768px) { .full{ padding-top: 0; padding-bottom: 0; overflow: auto; } } @media(min-width:769px) { .full { width: 100%; height: 100%; padding-top: 0; padding-bottom:0; overflow: auto; } } .full::-webkit-scrollbar { width: 10px; /* Largura da barra de rolagem */ background-color: #f37826; /* Cor de fundo da barra de rolagem */ } .full::-webkit-scrollbar-thumb { background-color: #e4500f; /* Cor do "polegar" da barra de rolagem */ } .full::-webkit-scrollbar-thumb:hover { background-color: #c63808; /* Cor do "polegar" da barra de rolagem ao passar o mouse */ } .full::-webkit-scrollbar-track { background-color: #f37826; /* Cor da trilha da barra de rolagem */ } .page-content{ padding-top: 80px; }