Parallax Tutorials

[CPoly]

Anker funktionieren grundsätzlich schon, allerdings wenn du während des Scrollens das Element nach unten/oben bewegst, kann der Browser das nicht wissen und du landest da, wo das Element gewesen wäre. Kompliziertere Ankerkonstrukte erfordern JavaScript Programmierung.

 

[Carrear]

na wonderful -.- kann ich nicht irgendwie via javascript / jquery sagen dass er bei nem click auf einen bestimmten link zu einem bestimmten Punkt scrollen soll? Also fest gecoded , z.B. bei einem klick auf den Link Impressum scrolle zu Pixel 11500 ? Weitergehende Tipps wären nicht schlecht. Habe versucht aus dem Example Link die Navigation analog zu übertragen, aber das funktioniert nicht

 

[Carrear]

Das ganze ließ sich glücklicherweise relativ easy über jquery lösen

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	
	<script type="text/javascript">	
	$(document).ready(function(){	
	
		$('#link-bg-one').click(function() {
			$('html,body').animate({
				scrollTop: '0px'
			}, 'slow');
		});
		
		$('#link-bg-two').click(function() {
			$('html,body').animate({
				scrollTop: '4600px'
			}, 'slow');
		});
	
	});
	</script>

 

[CPoly]

Du solltest besser die "animateTo" method von skrollr dafür nutzen.

 

[Carrear]

Gibt es einen Grund, der dafür spricht die eine Methode eher als die andere einzusetzen?

 

[CPoly]

Falls du vor hast die mobile Version von skrollr ebenfalls zu nutzen, ist es zwingend erforderlich, weil dort kein natives scrolling verwendet wird.

Außerdem brauchst du kein jQuery (aber du scheinst es ja ohnehin zu benutzen).