Ergebnis 1 bis 3 von 3

Thema: scrollen nach div laden

  1. #1
    Neuer Benutzer
    Registriert seit
    04.10.2012
    Beiträge
    2

    scrollen nach div laden

    Hallo zusammen.

    Als jQuery Neuling habe ich folgende Frage.

    PHP-Code:

    jQuery
    (document).ready(function(){
                    
    jQuery('a#n').click(function() {
                            var 
    page jQuery(this).attr('href');
                            var 
    lang jQuery(this).attr('lang');
                            
    jQuery('div#seite').load(lang+'/'+page);
                        return 
    false;})
                    }); 
    mit folgendem Code Lade ich Seiten über die Navigation in ein div. Es funktioniert auch gut, aber das div befindet sich fast am Ende der Seite. Wenn ich nun to
    zum Anker hinscrollen möchte, wie kann ich das mit scroll to bewerkstelligen? Alle Versuche sind bis jetzt fehl geschlagen.

    a#n ist nur die Unterscheidung div-link oder target link
    lang ist die Ordnerunterscheidung für die zweisprachigkeit (bewerkstellige ich mit php)

    Seite im Aufbau: http://elim70.elim-zittau.de
    Geändert von elizit (04.10.2012 um 12:57 Uhr)

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.693
    Vielleicht hilft dir http://jsfiddle.net/s4ty/xRGkL/1/
    Geändert von s4ty (04.10.2012 um 13:37 Uhr)

  3. #3
    Neuer Benutzer
    Registriert seit
    04.10.2012
    Beiträge
    2
    PHP-Code:
    // div laden
            
    $(document).ready(function(){
                    $(
    'a#n').click(function() {
                            var 
    page = $(this).attr('href');
                            var 
    lang = $(this).attr('lang');
                            $(
    'div#seite').load(lang+'/'+page);
                    return 
    false;
                            })
                    });
            
        
    // zum div scrollen
        
                    
    $(function() {
                    $(
    "a#n").on("click", function() {
                    $(
    "html, body").animate({scrollTop: $("#seite").offset().top}, 2000);
                    return 
    false;
                    });
            
                    
                        
        
            
    }); 
    das ist die Lösung wenn es interessiert.

    Aber danke für die Anregung!!

Stichworte

Lesezeichen

Lesezeichen

Berechtigungen

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