Comment faites défiler jusqu'à un élément à l'intérieur d'un modal à l'aide de jquery?

J'ai ouvert modal que je l'insertion d'éléments dans ligne par ligne. Chaque ligne a sa propre ID de la balise. Actuellement la liste dépasse la taille de la fenêtre modale le texte devient juste caché au fond de la fenêtre modale. Vous pouvez manuellement, utilisez la barre de défilement, mais je voudrais que le texte de défilement dans la fenêtre modale comme ils sont imprimés.

J'ai joué un peu avec le code suivant, mais cela fait défiler la page web derrière le modal. J'ai aussi essayé de remplacer 'html, body' avec modal éléments en vain.

$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500);

Je suis sûr que je ferme. Des suggestions?

grâce

OriginalL'auteur fat fantasma | 2013-04-18

  1. 10

    Il semble que vous appelez l'animer méthode sur le code html et le corps. 

    $('html, body').animate(...);

    Si vous voulez faire défiler les auxiliaires modaux fenêtre, vous devez appeler l'animer méthode sur cet élément à la place.

    $('#modal').animate(...);

    Où #modal est l'élément qui contient les éléments que vous avez créés.

    edit:

    Je vois que vous avez essayé de les appeler, de les animer sur le modal.
    Ici est un violon qui permet de faire défiler les éléments dans un modal lorsque vous cliquez sur le bouton.

    aussi dans le code que vous avez une parenthèse fermante après #Element qui est à l'origine du script à l'erreur: ...scrollTop: $('#Element'])...

    Merci pour l'info. J'ai foiré le couper et de coller le code que j'ai posté. J'ai corrigé. J'ai été également à l'aide de la #Modal balise d'en-Tête et de ne pas le modal balise body. J'ai dû vraiment fatigué hier soir.
    Réponse correcte. Devrait être acceptée. Merci frère! 🙂

    OriginalL'auteur

  2. 1

    Si vous voulez voir le contenu qui sont presque cachés, vous pouvez ajouter un style CSS de la DIV pour gérer le trop-plein. Cela va automatiquement créer une barre de défilement verticale pour vous une fois que le contenu dépasse la zone d'affichage de la DIV.

    $("#someDivID").css("overflow","auto");

    Toutes les propriétés peuvent être référencé à l'adresse ci-dessous.

    http://www.w3schools.com/cssref/pr_pos_overflow.asp

    Espère que ça aide!

    OriginalL'auteur