Je veux trouver la position de la diving divisée par rapport à la fenêtre.
Je fais comme ceci Cela fonctionne bien, mais je veux voir s'il y a de meilleurs moyens de le faire? Toute suggestion ou une aide serait appréciée. Merci d'avance < / p>
4 Réponses :
Utilisez la méthode offset ()
var diff = $('.content-wrapper').offset().left - $(window).scrollLeft();
Vous pouvez utiliser getBoundingClientRect .
<div id="test"> <p>Click the button to get getBoundingClientRect().leftt for the test div.</p> <p><button onclick="getOffsetLeft()">Try it</button></p> <p>offsetLeft is: <span id="demo"></span></p> </div>
J'ai besoin de par rapport à l'écran
Essayez d'utiliser getboundingClientRect comme Raphaël dit :)
Utilisez getBoundingClientRect .
var left = document.querySelector('div').getBoundingClientRect().left;
Seuls ce code est suffisant
html, body {
margin: 0;
}
.content-wrapper{
position: relative;
left: 100px;
width: 200px;
height: 200px;
border: 1px solid black;
}
<div style="position:relative; left: 40px; width: 500px;height:auto; border: 1px solid black;">dfgdfgdf
<div class="content-wrapper">
dfs sf dsfds fsdfdsf
</div>
</div>