Ergebnis 1 bis 4 von 4

Thema: Automatisches scrollen in href="#" deaktivieren

  1. #1
    HTML Newbie
    Registriert seit
    01.12.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Automatisches scrollen in href="#" deaktivieren

    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:
    Code:
    $(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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Automatisches scrollen in href="#" deaktivieren

    mach aus dem hier:
    Code:
    click(function() {
    ....
    }
    das hier
    Code:
    click(function(e) {
    e.preventDefault();
    }
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    01.12.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Automatisches scrollen in href="#" deaktivieren

    Danke für deinen Rat.
    Nur was genau meinst du mit deinen "...." ? Soll ich jetzt alles andere raus hauen?

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Automatisches scrollen in href="#" deaktivieren


Ähnliche Themen

  1. automatisches "gelesen" markieren
    Von synaptic im Forum Forum-Hilfe.de intern
    Antworten: 4
    Letzter Beitrag: 29.11.2010, 01:11
  2. Regular Expression Links von href="" auslesen
    Von 1234d1 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 14
    Letzter Beitrag: 11.09.2009, 16:29
  3. Automatisches "bearbeiten" beim Anklicken der Seiten abstellen
    Von vaha im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 01.04.2009, 11:58
  4. href="#name"+ target = geht nich
    Von Raziel im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 17.06.2007, 16:01
  5. Links durch <a href="...."> ersetzen
    Von nuessler im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 18.04.2005, 22:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •