Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Caio Fagundes

Web page com scrolling automático

Recommended Posts

Fala galera,

 

Criei uma página web e gostaria que essa página rolasse automaticamente pra baixo e pra cima quando alguém entra nela.

 

Encontrei um comando no site stackoverflow.com que o cara faz isso com javascript. O problema é que quando copio e colo o comando, ele não funciona no meu arquivo.

Acho que tenho que colocar um javascript source no cabeçalho ou algo assim. mas não estou sabendo fazer.

 

Alguém pode me ajudar a fazer a comando funcionar no meu aquivo HMTL? É basicamente copiar e colar mas pelo fato de ser novato, não estou sabendo fazer isso.

 

 

Segue site: http://jsfiddle.net/QUCWe/

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

@Caio Fagundes Javascript se coloca no final do corpo do documento, e ele usou jquery.

<script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>

 

//PARA CHAMAR O JQUERY

$(document).ready(function(){
//código 
});

 

Eu recomendo baixar do que colocar direto pela url: https://jquery.com/download/

 

o jquery ta na versao 3.1.0 talvez você precise arrumar o código

Editado por FabianoS
  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, o código no JSFiddle está meio errado... falta algumas coisas porque ele fica subindo e descendo.

De qualquer forma, não recomendo que copie e cole. TENTE entender como funciona.

Basicamente é a função animate que faz a magia. dê uma estudada nele.

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

@FabianoS @dif

 

Valeu pela ajuda galera, mas decifrando o código e pegando as dicas de vocês eu consegui. Consegui fazer com jquery 1.7 mesmo.

 

Vou mandar o código no notepad. Salvando o arquivo como .HTML e abrindo já dá certo!

Segue comando:

<html>

<head>

<!------------------------COMMAND TO SCROLLING PAGE DOWN AN UP-------------------------------------> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.js"></script> 
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css"> 
<style type="text/css">    
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
function scroll(speed) {
    $('html, body').animate({ scrollTop: $(document).height() - $(window).height() }, speed, function() {
        $(this).animate({ scrollTop: 0 }, speed);
    });
}
speed = 10000;
scroll(speed)
setInterval(function(){scroll(speed)}, speed * 2);
});//]]> 

</script>

</head>

example.txt

Editado por Caio Fagundes
previous file not uploaded
  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×