Fala pessoal, tudo bem?
 
Eu tenho o seguinte código:
 
<script>
   $(function(){
var jElement = $('.fixar_banner');
$(window).scroll(function(){
    if ( $(this).scrollTop() > 120 ){
        jElement.css({
            'position':'fixed',
            'top':'10px'
        });
    }else{
        jElement.css({
            'position':'relative',
            'top':'auto'
        });
    }
});
});
</script>
 
Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
 
Espero ter sido claro.
 
Obrigado :)
 

Fala galerinha, 
 
Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
 
 

Estou desenvolvendo um código para imobiliária mas não estou conseguindo fazer o pulo entre divs. Usando este código abaixo descaracteriza o layout da página pois o loop pega somente 1 <div class="events-grids"></div> e tem que ser dois sendo que no primeiro pega ids 1 2 3 e o segundo ids 456 e assim por diante. Na imagem penso vocês entenderem o que estou pedindo. Fui claro?
Código:
<div class="events">
        <div class="container">
        <?php
            $conexao = bla bla bla
                $banco = bla bla bla;
            if (!$conexao) {
                die("Connection failed: " . mysqli_connect_error());
            }
            $query = "SELECT * FROM imoveis";
                $result = mysqli_query($conexao, $query);
                if($result){
                    while($row = mysqli_fetch_array($result)){
                        $ref = $row["ref"];
                        .
                        .
?>
            <div class="events-grids">
                <div class="col-md-4 events-grid">
                    <div class="events-grid1 hvr-sweep-to-top">
                        <a href="imovel.php"><img src="images/6.jpg" alt=" " class="img-responsive" /></a>
                        <h4><a href="imovel.php"><?php echo "$bairro"; ?></a></h4>
                        <ul>
                            <li><a href="imovel.php"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span><?php echo "$cidade"; ?></a></li>
                        </ul>
                        <p>Quartos: <?php echo "$quartos"; ?> | Suites: <?php echo "$suites"; ?> | Banheiros: <?php echo "$banheiros"; ?> | Vagas: <?php echo "$vagas"; ?> | Condomínio: <?php echo "$condominio"; ?></p>
                        <h4><a href="imovel.php"><?php echo "$preco"; ?></a></h4>
                    </div>
                </div>
                
            <?php
                }
        }
        ?>
            </div>            
        </div>
    </div>

Olá a todos!
tenho varias divs com o mesmo ID e nome de classe. Preciso que a cor da div seja conforme uma escala de valores.
Estou tentando pegar o valor pelo nome da classe, pois as divs possuem o mesmo id e não tive sucesso. Segue script:
<div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="29">29</div> <div class="planos" id="1" value="55">55</div> <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="63">63</div> <div class="planos" id="1" value="55">55</div> <script type="text/javascript"> var valueElement = document.getElementsByClassName('.planos').getAttribute('value'); console.log(valueElement); if (valueElement >= "70") { document.getElementsByClassName('.planos').style.backgroundColor == '#4caf50'; } else if (valueElement >= "50" && valueElement <= "69") { document.getElementsByClassName('.planos').style.backgroundColor == '#ffbc00'; } else { document.getElementsByClassName('.planos').style.backgroundColor == '#f44336'; } </script>  
 

Quero um código div ou qualquer outra forma, para atingi esse resultado do link
 https://drive.google.com/file/d/0B8Ssi9zuKdQWMExWeVpGUXN0MlRsUzdmdGRuTFl2eU1yejB3/viewocal
 
Para ficar nesse local.
https://drive.google.com/file/d/0B8Ssi9zuKdQWeGZSSnVBaFBxM1FUN1hEeWdrRzhTNWI0Q01Z/view
 
Meu objetivo é que em cada quadro da div, fique uma noticia de um site especifico, que pretendo colocar através de plugin rss.
 
 
Enfim espero uma ajuda sobre como posso fazer isso