2017-07-25 4 views
0

Ich habe eine Struktur etwas wie folgt aus:javascript Scroll Kind div bekommen

<div> 

    <div id="scrollID" style="height:100px;"> 
     content here 
    </div> 

</div> 

<script> 
document.getElementById("myDIV").addEventListener("touchstart", myFunction); 
function myFunction() { 
    // want to get my position 
} 
</script> 

Ich möchte den Abstand von oben kommen, wenn der Benutzer startet das Scrollen (tatsächlich in mobilen berühren). Meine letzte purose ist Implementierung Pull für Kinder zu aktualisieren div.

Irgendeine Idee?

+2

Haben Sie sich diesen Beitrag angesehen? https://stackoverflow.com/questions/3714628/jquery-get-the-location-of-an-element-relative-to-window – ajc2000

+0

Dies [jQuery plugin] (https://github.com/sjovanovic/xpull) ist für mobile Pull-to-Refresh von einem Kind Div entwickelt: [xpull] (https://github.com/sjovanovic/xpull) – trevorp

Antwort

2

Versuchen Sie Folgendes.

<div> 

    <div id="scrollID" style="height:100px;" onscroll="myFunction();"> 
     content here 
    </div> 

</div> 

<script> 
document.getElementById("myDIV").addEventListener("touchstart", myFunction); 
function myFunction() { 
    document.getElementById("scrollID").scrollTop; 
    // want to get my position 
} 
</script> 
+0

Danke. Wie kann ich Position von unten bekommen? 'document.getElementById (" scrollID "). scrollbottom' gibt mir undefined. –

+1

@vahidnajafi etwas wie das glaube ich sollte funktionieren 'document.getElementById (" scrollId "). ScrollHeight - document.getElementById (" scrollID "). ScrollTop' Sie könnten auch die Boxhöhe subtrahieren das sollte wirklich eine andere Frage sein. – William