Pesquisar na Comunidade
Mostrando resultados para as tags ''ancora''.
Encontrado 6 registros
-
html Como faço para o meu botão âncora ter uma animação de rolagem
4ly postou um tópico no fórum HTML e CSS
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> -
Link Ancora, como deixa-lo abrir em uma determinada posição da página
Luccas Gaulia postou um tópico no fórum HTML e CSS
Pessoal, Seguinte, estou utilizando uma página com ancora em "abas", porém quando clico no link dentro da ABA ele abre certinho mais puxa para o TOP da página o id correspondente, e assim prejudica o MENU que está fixo na parte de cima (pois corre a página) Gostaria de saber se têm como ao clicar no âncora do link, ele direcionar para uma posição definida. Pois o que acontece é ele levar o div #id até o topo do navegador. -
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á 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.
-
Chamada de um arquivo para dentro de uma div especifica usando <an
j_quest postou um tópico no fórum PHP
Ola preciso montar a seguinte estrutura: arquivo "site.php" na lista do menu, quero colocar um link usando ancora para abrir neste mesmo arquivo "site.php" mas dentro de uma div especifica com o nome da div: id=conteudo e dentro dela coloquei um nome para a ancora id=recebe .. ex: <html><head><title></title><meta http-equiv="Content-Type" content="text/html/css; charset=utf-8"><link rel="stylesheet" href="site.css" /></head><body> <div id="site"> <div id="topo"><span class="banner"> Madeiras Nobres </span> <br /><br /> <span class="banner-foot"> Rua Matagal, 456 - Floresta Mata Nativa - Eco Brasil - Brasil- America do Sul</span> </div> <div id="menu"><span class="menu"> <a href="select.php#recebe"> LISTAR CLIENTES </a> </span> </div> <div id="conteudo" ><a id="recebe" /><span class="titulo"> Cadastro de Clientes</span> <!-- aqui deve aparecer o resultado ou arquivo ""select.php" --> </div> <div id="foot"> <br /><br /><span class="banner-foot"> Rua Matagal, 456 - Floresta Mata Nativa - Eco Brasil - Brasil- America do Sul</span> </div> </div> </body></html> entao a ideia é que dentro desta DIV id="conteudo" receba o arquivo "select.php" -- mas isso tem de acontecer apenas quando clicado no link da ancora .. tem como ? ja consegui colocar o arquivo na div com include, mas ele mostra ja no inicio , e eu gostaria que mostrasse apenas ao clicar no link.. ( como usado em iframe do html" Valeu Joni Ecker -
Estou com uma duvida criei um site com ancoras mais gostaria de transformar os links em url amigável com o web.config do iis mais não esta dando muito certo há alguma maneira de fazer isso , Segue abaixo parte do meu código. <rule name="Imported Rule 1" stopProcessing="true"> <match url="^bagel/home/?$" /> <action type="Rewrite" url="/bagel/index.html#HOME" appendQueryString="false" /> </rule> <rule name="Imported Rule 2" stopProcessing="true"> <match url="^bagel/grupo/?$" /> <action type="Rewrite" url="/bagel/index.html#GRUPO" appendQueryString="false" /> </rule> <rule name="Imported Rule 3" stopProcessing="true"> <match url="^bagel/servicos/?$" /> <action type="Rewrite" url="/bagel/index.html#SERVICOS" appendQueryString="false" /> </rule> <rule name="Imported Rule 5" stopProcessing="true"> <match url="^bagel/downloads/?$" /> <action type="Rewrite" url="/bagel/index.html#DOWNLOAD" appendQueryString="false" />
