logo

scroll follow | Seguindo o scroll | jQuery plugin

logo
Minha logo

Isto é simplesmente para provar para vocês que o que eu digo aqui funciona e que isso é chato. Não sei até quando, mais um dia funcionou rsrs.

Site do plugin.

Galera, desculpem o atraso nos posts, mais é que eu tinha programado um ai e deu tudo errado rsrs, sem contar com outros problemas.

Mais estou de volta, aqui, neste exato momento, no presente do pretérito mais do que perfeito (fui saber que isso existia no curso de inglês oO) ;) .

Vamos ao que vos interessa.

Scrol Follow é um plugin do jquery que faz com que um objeto (pode ser uma < div > – demorei mais ainda pq estava dando problema no meu layout nesta div que eu escrevi ai =/ que raiva) siga o scroll da página.
Como assim Ruan? Explico: Sabe aquelas propagandas chatas que ficam geralmente do lado direito da tela, ai quando tem um texto grande e você desce o scroll a maldita vai junto? Então, este plugin do jquery serve para isso.

Como?

  1. Vai na página do plugin e baixa ele.
  2. Vai no site do jquery UI e baixa apenas o core.
  3. Deposita 10 pila na minha conta.

Após ter feito os 3 passo de cima (principalmente o 3º) você terá que seguir os passo aqui debaixo.

1º. Incluir os arquivos na página:

//pelo menos isso você já deveria saber
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="jquery.scrollFollow.js"></script>

2º. Criar o HTML do elemento que irá seguir o scroll:

<div id="exemplo" style="border: 1px solid #000; position: relative; width: 300px;">
	<img src="/images/ducks.png" alt="Ducks" />
	<p>Isto é simplesmente para provar para vocês que o que eu digo aqui funciona, não sei até quando, mais um dia funcionou rsrs.</p>
	<p><a href="http://kitchen.net-perspective.com/open-source/scroll-follow/">Site do plugin.</a></p>
</div>

3º. Colocar no onload da página a chamada do plugin:

$( document ).ready(function (){
	$("#exemplo").scrollFollow();
});

Site

Bookmark and Share

3 marcas, uhull to “scroll follow | Seguindo o scroll | jQuery plugin”

  1. Tem um plugin da jQuery – não sei se é esse, ou um parecido – aqui: http://www.autoshow.com.br
    Tivemos que colocar no site, mesmo achando ruim, por imposição do cliente.
    []s!

  2. Eu não usaria pra nada, Juan, uma vez que por mim nem implementaria isso! hehe
    Mas, eu acredito que esse plugin fa jQuery faça algo similar ao fixed+js pro IE…

logo
logo
Hospedado no Djalma | Ruan Carlos.