Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

HemersonSales

ScroolTo JQUERY Não funciona

Por , em Javascript

Recommended Posts

HemersonSales    0

HemersonSales
Postado

Estou tentando fazer uma coisa muito simples, mas não sei porque não está funcionando :(

Quero fazer aquelas páginasvc clica no menu e ela te arrasta até ele sem mudar de página.Isto é a função scrool to do Jquery, mas nao esta funcionando,me ajudem, por favor.

 

<body>
	<div id="content-principal">	

            <img id="logo-principal" src="images/FIT_Logo.png" height="150">
            <nav id="menu-principal">
                <ul class="menu">
                    <li><a href="#" onclick="$('html,body').animate({scrollTop: $('#home').offset().top}, 2000);">HOME</a></li>
                    <li><a href="#" onclick="$('html,body').animate({scrollTop: $('#sobre').offset().top}, 2000);">SOBRE</a></li>
                    <li><a href="#" onclick="$('html,body').animate({scrollTop: $('#solucoes').offset().top}, 2000);">SOLUÇÕES</a></li>
                    <li><a href="#" onclick="$('html,body').animate({scrollTop: $('#contato').offset().top}, 2000);">CONTATO</a></li>
                    <li><a href="#" onclick="$('html,body').animate({scrollTop: $('#suporte').offset().top}, 2000);">SUPORTE</a></li>
                </ul>
            </nav>
            <a href="#"><img id="agenda-principal" src="images/icone_agenda.png" border="0"></a>
            <div id="text-slide">
                <span style="width:100%; text-align:center;">Telefone para Contato: (11) 3584-7997</span>
                <span style="width:100%; text-align:center;">Rua Apuracana, 513 - Tatuapé - São Paulo/SP</span>
            </div>

        
        <div id="home">
            <div id="text-inicial">Consultoria Especializada em ERP. Expertise no Microsiga Protheus</div>
            <div id="banner-principal">
                <img src="images/Banner_1.jpg">
                <img src="images/Banner_2.jpg">
            </div>
        </div>
        
        <div id="sobre">
            <div class="titulo-topo">SOBRE</div>
            <div class="center"><img src="images/FIT_Logo.png" height="200"></div>
            <div class="texto">
                A FIT Gestão foi idealizada com o intuito de melhor atender o cliente, propondo de forma integrada soluções completas que atendam<br />as necessidades e auxiliem no crescimento almejado. <br />
                A FIT tem 9 anos de atuação com o ERP Microsiga Protheus, ficando assim em evidência na qualidade e domínio sobre as funcionalidades<br />no mesmo.<br /><br /><br />
    
                <strong>Visão:</strong> Ser a opção de qualidade, custo e tempo para os projetos de tecnologia nas micro, pequenas e médias empresas.<br />
                <strong>Missão:</strong> Transformar a tecnologia da informação em resultados de satisfação para nossos clientes.<br />
                <strong>Valores:</strong> Ética, qualidade, transparência e parceria, isso norteia a todo tempo os nossos esforços.<br /><br /><br />
            </div>
        </div>
        
        <div id="solucoes">
        	<div class="titulo-topo">SOLUÇÕES</div>
            <div class="texto">
            	<?
					while($row_soluc = mysql_fetch_assoc($resultado_soluc)) {
						?>
                        	<span class="titulo_solucao"><?=$row_soluc["SOLUCAO"]?></span><br />
                            <span class="texto_solucao"><?=$row_soluc["DESC_SOLUC"]?></span><br /><br />
                        <?	
					}
				?>
            </div>
        </div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

luqfreitas    0

luqfreitas
Postado

também to tentando fazer a mesma coisa... na verdade tem dois tipos o efeito scrool to em jquery ou o smooth em javascript.. tb não consegui realizar essa proeza se vc conseguir me fala !!



dá uma olhada nesse link aqui!

 

http://jsfiddle.net/hellosze/MMgXu/

 

e se conseguir algo me fala

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito