Einzelnen Beitrag anzeigen
  #1  
Alt 06.04.2013, 16:37:30
Lukastt Lukastt ist offline
Anfänger
 
Registriert seit: Apr 2013
Alter: 26
Beiträge: 3
Smooth-scrolling

Hallo,

mein Plan ist an der linken seite ein menü zu machen was seinen platz behält. über den rest der seite gibt es einen iframe. über links mit menü wird der inhalt des iframes gesteuert.
es gibt für die einzelnen inhalte nicht jeweils eine seite, sondern nur eine große mit ankern.
funktioniert schonmal wie ich mir das wünsche (heißt beim klicken auf einen link im menü springt die seite im iframe zum punkt/anker wo er hin soll)
optimieren wollte ich das jetzt noch mit smoothscrolling. und da scheitere ich. mit js/jquery habe ich keine erfahrung und brauche deswegen ein paar impulse um weiter zu kommen
folgendes habe ich als letztes in den <body>-tag des dokumentes eingefügt, was der iframe anzeigt:

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>
	$(document).ready(function() {
		$('a[href^="#"]').click(function(event) {
			var id = $(this).attr("href");
			var offset = 60;
			var target = $(id).offset().top - offset;

			$('html, body').animate({scrollTop:target}, 500);
			event.preventDefault();
		});
	});
</script>
Mit Zitat antworten