JQuery - Scroll To (animate) | 0621

↩ Home of Tests

id="t0" scrollTo="#t1"

id="t1" scrollTo="#t2:40"

id="t2" scrollTo="#t3:60"

id="t3" scrollTo="#t0:0:1000"

scrollTo="" (to top)

scrollTo="::2000" (to top)

	• Atributo data-scrollTo="params":
		- Ao referenciar o script, altera os parâmetros padrões ("offset:duration"):
			
offset (pixels):         Posição do elemento em relação ao topo do documento. Padrão: 0.

			       
duration (milissegundos):Duração da rolagem. Padrão: 450.

	
		- No elemento, ao clicar, rola a página conforme os parâmetros definidos ("target:offset:duration"):
			
target (selector):       Elemento de referência. Omitindo, será usado o "html".

		         
offset (pixels):         Posição do elemento em relação ao topo. Omitindo, será usado o padrão.

			       
duration (milissegundos):Duração da rolagem. Omitindo, será usado o padrão.

	
	• A propriedade scrollTo pode ser adicionada ao elemento por JavaScript e funcionará da mesma forma que o atributo data-scrollTo, assim o atributo não fica visível no elemento do HTML.
		$("selector").each((i, e)=>{ e.scrollTo = "params"; });