Hallo Leute,
ich bin gerade dabei meine Website für nen Kumpel fertig zu stellen. Es handelt sich um eine All-In-One Seite,
sprich es existiert nur eine einzige HTML Datei.
Das Menü funktioniert ganz easy: man klickt auf einen Anker und es wird an die entsprechende Stelle der Seite gescrollt.
Damit es dann noch schick aussieht, habe ich durch etwas Javascript "smooth scrolling" appliziert.
Nun zu meinem Problem: Ich hab u.A. ein Tab System auf dieser Seite und die Tabs werden genau so wie auch das Scrolling gehandhabt.
Sprich man klickt auf einen Anker (<a href="#reg2" id="tab2">Melanzanata</a>) und durch '#reg2' wird dann eben entsprechendes DIV angezeigt.
Nun fängt aber ständig die Seite an zu scrollen, wenn man auf einen Tab klickt und das nervt. Ich habe leider nicht genug Ahnung von Javascript
um selber zu schreiben. Kann mir jemand bei meinem Problem helfen?
Zur Seite: http://www.garbatella.de
Das Smoothscrolling JS sieht wie folgt aus, vielleicht kann man da ja was umschreiben:
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});Greetz, skrippi 