Onde posso encontrar esse plugin de rolagem?

[Pattynha 0]

Gostaria, se possível, indicação de um site ou como se chama esse tipo de efeito de rolagem:

 

 

Exemplo

 

Ele utiliza uma seta, rolando para baixo e para os lados (mudança de página).

Gostaria de usá-lo para leitura de texto (por isso, não sei há algum sem se posicionar sobre imagens), mas sem setas para o lado (apenas para baixo e para cima, mas não que isso impeça de mudar depois, obviamente ^_^).

 

Obrigada!!

[William Bruno 1501]

não entendi sua dúvida.

 

para as setas esquerda e direita, o cara capturou o evento onkeydown, viu se o keyCode era seta esquerda ou direita, e fez um document.location.href.

 

não conheço plugin pronto para isso, mas é bem simples fazer.

 

se vc apertar seta para baixo ou para cima, é normal do próprio navegador que a página role.

[Pattynha 0]

Ah, eu esqueci de dizer que sou leiga em programação '-'...

 

Estou aprendendo ainda, e vi o código do site, mas se houvesse um site com alguma orientação ou até outras formas, seria melhor pra mim.

Sim, cheguei tb a ver scroll que até deixa a transição melhor, como esse.

 

Mas se não houver mesmo vou usar o de cima. Minha intenção era a pessoa aproveitar o click, pois no site haverão várias seções e subseções de leitura, e ficar trocando mouse e teclado poderá ser um pouco incômodo.

 

Obrigada!

[William Bruno 1501]

ta.. então explique melhor oque vc quer.

[Pattynha 0]

Só queria o mesmo efeito daquela página, mas que fosse no html mesmo, e não em cima de uma imagem...

Mas deixa, acho que isso é muito trabalho pra pouca importância... obrigadão :thumbsup: !!

 

 

 

---

Obs:

Em relação ao site da barra de rolagem pelo teclado (este), como posso fazer, por gentileza, ele funcionar no site todo (e não num elemento)?

 

 

 

	<script>
		(function($){
			$(window).load(function(){
				$("#content_1").mCustomScrollbar({
					scrollButtons:{
						enable:true
					}
				});
				$("#content_1").hover(function(){
					$(document).data({"keyboard-input":"enabled"});
					$(this).addClass("keyboard-input");
				},function(){
					$(document).data({"keyboard-input":"disabled"});
					$(this).removeClass("keyboard-input");
				});
				$(document).keydown(function(e){
					if($(this).data("keyboard-input")==="enabled"){
						var activeElem=$(".keyboard-input"),
							activeElemPos=Math.abs($(".keyboard-input .mCSB_container").position().top),
							pixelsToScroll=60;
						if(e.which===38){ //scroll up
							e.preventDefault();
							if(pixelsToScroll>activeElemPos){
								activeElem.mCustomScrollbar("scrollTo","top");
							}else{
								activeElem.mCustomScrollbar("scrollTo",(activeElemPos-pixelsToScroll),{scrollInertia:400,scrollEasing:"easeOutCirc"});
							}
						}else if(e.which===40){ //scroll down
							e.preventDefault();
							activeElem.mCustomScrollbar("scrollTo",(activeElemPos+pixelsToScroll),{scrollInertia:400,scrollEasing:"easeOutCirc"});
						}
					}
				});
			});
		})(jQuery);
	</script>

Obrigada, novamente!

[Pattynha 0]

Consegui fazer (o segundo scroll, no html), obrigada!!