Skip to main content
added 163 characters in body
Fonte Link
pc_oc
  • 3,6mil
  • 7
  • 40
  • 59

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: ![inserir a descrição da imagem aqui][1]inserir a descrição da imagem aqui

O problema é que a imagem vai para cima do footer, posso lhe meter algum limite? [1]:O que me está acontecer é o seguinte https://i.sstatic.net/gzYe7.png(o banner fica por cima do footer): inserir a descrição da imagem aqui

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: ![inserir a descrição da imagem aqui][1]

O problema é que a imagem vai para cima do footer, posso lhe meter algum limite? [1]: https://i.sstatic.net/gzYe7.png

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: inserir a descrição da imagem aqui

O problema é que a imagem vai para cima do footer, posso lhe meter algum limite? O que me está acontecer é o seguinte (o banner fica por cima do footer): inserir a descrição da imagem aqui

Tweeted twitter.com/#!/StackOverflowPT/status/451416350280671232
added 644 characters in body
Fonte Link
pc_oc
  • 3,6mil
  • 7
  • 40
  • 59

Encontrei este exemploEu tenho feito o seguinte:

http://jsfiddle.net/EtAaF/

                <style>
                    @media screen and (max-width: 770px) {
                        #getFixed {
                            display: none;
                        }
                    }
                
                    #getFixed { padding: 100px 0px 0 0px; margin: 0px; z-index: 2; }
                </style>
                <script>
                    function fixDiv() {
                      var $cache = $('#getFixed'); 
                      if ($(window).scrollTop() > 350) 
                        $cache.css({'position': 'fixed', 'top': '10px'}); 
                      else
                        $cache.css({'position': 'relative', 'top': 'auto'});
                    }
                    $(window).scroll(fixDiv);
                    fixDiv();
                </script>
                <div id="getFixed" style="margin-top: 35px;">
                    <img src="<?php echo $banner;?>" width="220">
                </div>

Mas queriaO problema é que o banner não começa-se logo ema imagem vai para cima e dar-lhe umdo footer, posso lhe meter algum limite em baixo? [1]: https://i.sstatic.net/gzYe7.png

Encontrei este exemplo:

http://jsfiddle.net/EtAaF/

Mas queria que o banner não começa-se logo em cima e dar-lhe um limite em baixo [1]: https://i.sstatic.net/gzYe7.png

Eu tenho feito o seguinte:

                <style>
                    @media screen and (max-width: 770px) {
                        #getFixed {
                            display: none;
                        }
                    }
                
                    #getFixed { padding: 100px 0px 0 0px; margin: 0px; z-index: 2; }
                </style>
                <script>
                    function fixDiv() {
                      var $cache = $('#getFixed'); 
                      if ($(window).scrollTop() > 350) 
                        $cache.css({'position': 'fixed', 'top': '10px'}); 
                      else
                        $cache.css({'position': 'relative', 'top': 'auto'});
                    }
                    $(window).scroll(fixDiv);
                    fixDiv();
                </script>
                <div id="getFixed" style="margin-top: 35px;">
                    <img src="<?php echo $banner;?>" width="220">
                </div>

O problema é que a imagem vai para cima do footer, posso lhe meter algum limite? [1]: https://i.sstatic.net/gzYe7.png

added 136 characters in body
Fonte Link
pc_oc
  • 3,6mil
  • 7
  • 40
  • 59

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: inserir a descrição da imagem aqui![inserir a descrição da imagem aqui][1]

Mas o banner nunca pode passar alguns limites, ou seja, não pode ir para cima do header nem do footer e tendo em atenção que o tamanho da página não é sempre o mesmo. Posso limitar isto com divs? Ou posso dar um limite, por exemplo, dar um espaçamento em cima e em baixo? E como meto o banner a mexer-se consoante a scroll?

Encontrei este exemplo:

http://jsfiddle.net/EtAaF/

Mas queria que o banner não começa-se logo em cima e dar-lhe um limite em baixo [1]: https://i.sstatic.net/gzYe7.png

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: inserir a descrição da imagem aqui

Mas o banner nunca pode passar alguns limites, ou seja, não pode ir para cima do header nem do footer e tendo em atenção que o tamanho da página não é sempre o mesmo. Posso limitar isto com divs? Ou posso dar um limite, por exemplo, dar um espaçamento em cima e em baixo? E como meto o banner a mexer-se consoante a scroll?

Queria adicionar um banner lateral, que consoante a scroll, o banner acompanhasse a página. A imagem mostra o que quero fazer: ![inserir a descrição da imagem aqui][1]

Mas o banner nunca pode passar alguns limites, ou seja, não pode ir para cima do header nem do footer e tendo em atenção que o tamanho da página não é sempre o mesmo. Posso limitar isto com divs? Ou posso dar um limite, por exemplo, dar um espaçamento em cima e em baixo? E como meto o banner a mexer-se consoante a scroll?

Encontrei este exemplo:

http://jsfiddle.net/EtAaF/

Mas queria que o banner não começa-se logo em cima e dar-lhe um limite em baixo [1]: https://i.sstatic.net/gzYe7.png

Fonte Link
pc_oc
  • 3,6mil
  • 7
  • 40
  • 59
Carregando