Javascript Girl
  1. Javascript Girl
  3. Position de défilement de div avec "débordement: automatique"
Intereting Posts
Socket.io spécifiant le rythme cardiaque Index des onglets avec le menu modal de démarrage de démarrage Javascript Confirmez le popup Oui, pas de bouton au lieu de OK et Annuler Comment vérifier si l'API Google Maps est chargée? Cordova Angular Get to Web Api Connection Refused Le service WCF hébergé en application ne peut pas être consulté à partir de javascript? Afficher des images à partir d'un tableau Php est terminé, alors ne démarrez que le javascript de chargement. Est-ce vrai? Les retards de jQuery peuvent-ils être annulés? Quelle est la manière la plus simple d'obtenir une image à imprimer dans une nouvelle fenêtre lorsque vous cliquez dessus? .prepend n'est pas une fonction Existe-t-il un moyen de détecter si le navigateur a une précision de sous-pixel? HTML select tag autocomplete Connexion à la connexion Web en utilisant C # (je peux me connecter en utilisant JavaScript, mais C # donne l'erreur Status 200) Convertir un objet JSX en HTML

Position de défilement de div avec "débordement: automatique"

Étant donné cet extrait HTML: 

<div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;"> 1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br> 11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br> 21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br> </div>

Vous (habituellement) obtenez une boîte noire avec une barre de défilement qui contient les numéros 1 à 30, chacun dans une nouvelle ligne.

Vous pouvez faire défiler vers le haut et vers le bas à l'intérieur de cette boîte.

Ce dont j'ai besoin maintenant, c'est une possibilité de savoir, à quelle position de défilement est la boîte. Disons simplement, chaque rangée a une hauteur de 15 pixels et vous faites défiler vers le bas au nombre 10, le résultat que j'aimerais obtenir est le nombre 150 (15px * 10 lignes).

Où puis-je trouver ce numéro?

J'ai tout simplement JavaScript et jQuery à mes mains.

Vous devez utiliser la propriété scrollTop .

document.getElementById('box').scrollTop