jquery scrollTop funktioniert nicht

So, ich bin versucht zu machen, dass es dann, wenn Sie auf einen link in einem Karussell, es scrollt man die Seite hinunter auf den Inhalt.

Hier mein jquery:

$('#picks li a').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});

Aber ich erhalte diese Fehlermeldung in meiner Konsole
Error: Syntax Error, unrecognized expression: http://hutchcreative.co.uk/rod/other/#galleryDetails

Das ist der richtige link-Adresse aber nicht wissen, wie man es richtig so, dass jquery fügt in der Folie?

Dank!

InformationsquelleAutor probablybest | 2013-11-19
  1. 5

    Wenn das Attribut "href" auf die id eines Elements, die Sie brauchen, um die Nutzung # vor der aktuellen ID

    $('#picks li a').click(function(){
    $('html, body').animate({
        scrollTop: $( '#'+$.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});

    Beachten Sie auch, dass diese ausgelöst wird, zweimal; ich weiß, Sie Hinzugefügt, html-Code, um die Arbeit mit firefox, als Ich Habe eine Weile zu gehen,

    So könnte man:

    $('#picks li a').click(function(){
        $(Query.browser.mozilla ? "html" : "body").animate({
            scrollTop: $( '#'+$.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });

    oder zumindest stoppen die animation vor:

    $('#picks li a').click(function(){
        $('html, body').stop(true,true).animate({
            scrollTop: $( '#'+$.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });

    Um zu verhindern, dass einige Probleme mit diesem doppelten Aufruf

    InformationsquelleAutor Toni Michel Caubet
  2. 0

    Den attr Methode ist die Rückgabe ein string mit der kompletten URL. Sie benötigen, um loszuwerden, alles, was vor dem "#" in den string. Sie können indexOf zu finden, den index des " # " - Zeichen, und Sie können substr, um nur den Teil der Zeichenfolge, die Sie wollen.

    InformationsquelleAutor sbking
  3. 0

    Gut, wenn ich auf deinen link gehe, ist das erste problem, das ich sehe, ist, dass $ ist undefiniert, wenn ich versuche zu testen in der Konsole. Allerdings jQuery funktioniert gut, so dass deine lib ist natürlich geladen.

    Das nächste prob ist, geben Sie den code. Sie fordern href die immer den ganzen link und nicht nur das hash-Zeichen.

    jQuery('#picks li a').click(function(e){
    e.preventDefault();
    var id = $(this).attr('href').split('#');
    id = '#' + id[id.length-1];
    jQuery('html, body').animate({
        scrollTop: $( id ).offset().top
    }, 500);
    return false;
});
    InformationsquelleAutor SpYk3HH
  4. 0

    Versuchte ich mehrere Möglichkeiten, keine gearbeitet.

    Für mich das arbeiten mit Angularjs kombiniert.

    $( "html, body" ).scrollTop( $("#main_div").offset().top );

    main_div ist die id eines HTML-Elements, die Sie wollen.

    Ich weiß nicht, wie Angularjs hashtags oben in der URL, deshalb hatte ich Sie nicht benutzen.

    $location.hash('main_div');

    Ich denke, die animieren, was erschwert diese.

    InformationsquelleAutor Brian Sanchez
Schreibe einen Kommentar