Search the Community

Olá. Bom basicamente eu tenho um botão âncora que leva até a aba de sobre do meu site, só que ele não tem animação, ele simplesmente "teleporta" para essa aba do nada isso não é legal. Gostaria de saber algum código de JavaScript ou CSS para solucionar isso Esse é o código : <button id="explorer"><a href="#about">Explorar</a></button>

Bom dia! Tenho um recurso no site, que abre uma janela em Shadowbox, funciona normal no PC e Android, mas no iPhone, ao invés de rolar o conteúdo interno da janela, rola o conteúdo de baixo. Este é um exemplo, ao clicar em abrir o conteúdo que deve rolar é o site dentro da janela e não o texto debaixo. https://www.alfapesca.com.br/teste-shadow.asp? Podem me ajudar por favor? Como resolver isso no iphone diversas versões deu problema.

Olá pessoal, tudo bem ? Estou tentando desenvolver essa barra de rolagem na horizontal (circulado em vermelho) (anexo) Alguém sabe o nome dessa função e é possível fazer em html/css? Obrigado!

O menu desse site que estou desenvolvendo está com problemas na rolagem, quando no topo o submenu funciona, descendo ele desconfigura. Segue o site em página teste: weinert.com.br/apag e em anexo prints do que acontece.

Pessoal, peço a ajuda de vocês para poder fazer uma alteração no template deste site https://adminlte.io/themes/AdminLTE/pages/layout/fixed.html. Como podem observar, o menu lateral tem rolagem vertical. Oque eu gostaria de fazer e fixar somente o espaço onde está a imagem com o mone de usuário e o formulário de pesquisa logo abaixo. Mantendo assim o restante com a rolagem. Veja imagem: fixar somente a parte destaca em vermelho

Tenho um script que faz uma rolagem suave ao clicar no link com âncora. O problema é que ele rola a página toda. Preciso que ele role somente o conteúdo que está dentro de uma div específica e o resto da página permaneça fixa. Alguém pode ajudar? Segue codigo que tenho: $(".scrollSuave").click(function(event){ event.preventDefault(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top - 00 }, 500); }) <div class="col-lg-3"> <a href="#" class="list-group-item active"> TÓPICOS DA AJUDA </a> <a href="#funcionamento" class="list-group-item scrollSuave">Opção 1</a> <a href="#cadastrar" class="list-group-item scrollSuave">Opçao 2</a> </div> <hr> <!-- O CONTEUDO DESTA DIV QUE DEVE ROLAR O CLICAR NO LINK --> <div class="col-lg-9"> <h4 id="funcionamento"><b>Opção 1</b></h4> texto aqui <h4 id="cadastrar"><b>Opção 1</b></h4> texto aqui </div> print da pagina para facilitar

Olá! Esse efeito de rolagem igual o site abaixo dá para fazer sem colocar a foto de fundo na propriedade background ? https://www.formula1.com/en/latest/headlines/2017/5/f1-giovinazzi-haas-multiple-fp1-outings-2017.html

Novamente, boa noite Imasters. Estou com um probleminha ao abrir meu site pelo celular, ele está cortando o conteudo exibido, no entanto notei que o site nao tem a barra de rolagem proximo ao rodape , gostaria de adicionar essa barra na horizontal , como proceder? segue foto Obs: Utilizo o sistema do WordPress

Olá pessoal do fórum. Preciso de ajuda em um bug que não estou entendendo. Fiz um site com todo o conteúdo em uma só página, cada página do menu, desce rolando até o certo ponto. Mas pela primeira vez, sempre vai pro lugar errado, na maioria das vezes a página rola pra baixo da parte que deveria. Queria a ajuda de vocês pra descobrir o que esta acontecendo. Código do javascript: $(window).load(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('a[href*=#]').each(function() { if ( filterPath(location.pathname) == filterPath(this.pathname) && location.hostname == this.hostname && this.hash.replace(/#/,'') ) { var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top; $(this).click(function() { $('html, body').animate({scrollTop: targetOffset}, 1500); return false; }); } } }); }); Código html do menu: <nav id="menu"> <ul> <li> <img id="logo" src="logo-menu.png" alt="logo" width="100px"/> </li> <li> <a href="#topo">Home</a> </li> <li> <a href="#sobre">Sobre</a> </li> <li> <a href="#portfolio">Portfólio</a> </li> <li> <a href="#servicos">Serviços</a> </li> <li> <a href="#rodape">Contato</a> </li> </ul> </nav> A paginas estão linkadas pelo 'id'. São articles, sections, divs e footers.

Estou tentando detectar o fim da barra de rolagem para mostrar uma determinada imagem, usei esses recursos abaixo porém não estão me satisfazendo o que preciso, que é apenas mostrar uma determinada imagem quando chegar ao fim da rolagem da página, não estou conseguindo calcular estes valores, alguém pode me ajudar??? Muito obrigado! <style type="text/css"> .seta { display:none; } </style> <script> $( window ).scroll(function() { nScrollPosition = $( window ).scrollTop(); if(nScrollPosition>=100){ $( ".seta" ).css( "display", "block" ); }else{ $( ".seta" ).css( "display", "none" ); } }); </script> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> ... <body> <div class="seta"><img src="imagem_seta.png" /></div>