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
Vous devez vous connecter pour publier un commentaire.
Il semble que vous appelez l'animer méthode sur le code html et le corps.
Si vous voulez faire défiler les auxiliaires modaux fenêtre, vous devez appeler l'animer méthode sur cet élément à la place.
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'])...
Réponse correcte. Devrait être acceptée. Merci frère! 🙂
OriginalL'auteur
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.
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