Div flutuante
Olá gente!
No site que estou trabalhando, preciso fazer guia de favoritos que fica posicionada sempre à direita e ao ser clicada, exibe os imóveis favoritos, como no site do Zap Imóveis. Estou com dificuldades de como fazê-la ficar visível a todo tempo. Dei uma interrompida no código (por motivo de força maior) e pouco tenho ainda, mas deixarei o código. Caso alguém saiba até o que devo pesquisar, por favor, me avise.
O resultado pode ser visto clicando aqui!
home.php
<?php
require_once("include/head.php");
?>
<body>
<div style="display:none;" class="tips"><?=__FILE__?></div>
<div class="tail-top">
<?php
require_once (DIR_BLOCO . "/header_home.php");
//require_once(DIR_BLOCO . "/bloco_busca_topo.php");
?>
<div class="ImageTop">
<?php
require_once(DIR_BLOCO . "/bannerhome.php");
?>
<?php require_once(DIR_BLOCO . "/bloco_busca_home.php"); ?>
</div>
<div class="mainhome">
<?php
require_once(DIR_BLOCO . "/autenticacao.php");
/*require_once(DIR_BLOCO . "/box_mapa.php");*/
require_once(DIR_BLOCO . "/bloco_anuncios_destaques.php");
require_once(DIR_BLOCO . "/bloco_banners_meio.php");
require_once(DIR_BLOCO . "/bloco_cidades_destaque.php");
require_once(DIR_BLOCO . "/bloco_noticias_destaques.php");
require_once(DIR_BLOCO . "/bloco_botao_anuncie_rodape.php");
?>
</div>
</div>
<div id="show_favorite" class="navbar navbar-inverse" data-spy="affix" data-offset-top="197">
<?php
require_once(DIR_BLOCO . "/bloco_favorite_div.php"); /*AQUI É O ARQUIVO DA DIV FAVORITOS*/
?>
</div>
<?php require_once(DIR_BLOCO . "/rodape.php"); ?>
</body>
</html>
bloco_favorite_div.php
<div style="display:none;" class="tips"><?=__FILE__?></div>
<div id="box_favorite" style="background-color: #00307d;">
<i class="fa fa-heart-o 1g" aria-hidden="true"></i>
<div id="content_btn_favorite" class="col-md-4">
<h2>FAVORITOS</h2>
<div id="content_divs_favorite">
<div id="divs_favorite">
</div>
</div>
</div>
</div>
css_div_favorite.php/ DIV DOS FAVORITOS /
#show_favorite{
display: flex;
overflow: hidden;
box-sizing: border-box;
border-color: red;
height: 500px;
width: max-content;
}
#box_favorite{
}
#content_btn_favorite{
}
#content_divs_favorite{
}
#divs_favorite{
}Discussão (4)
Carregando comentários...