2017-07-25 61 views
0

的滾動我有一個結構是這樣的:的JavaScript得到孩子的div

<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> 

我想從頂部的距離,當用戶開始滾動(移動實際接觸)。我的最終purose正在執行拉動以刷新兒童div

有什麼想法?

+2

你看過這篇文章嗎? https://stackoverflow.com/questions/3714628/jquery-get-the-location-of-an-element-relative-to-window – ajc2000

+0

這[jQuery插件](https://github.com/sjovanovic/xpull)是專爲移動拉刷新一個孩子的div:[xpull](https://github.com/sjovanovic/xpull) – trevorp

回答

2

請嘗試以下操作。

<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

謝謝。我如何從底部獲取頭寸? 'document.getElementById(「scrollID」)。scrollbottom'給我未定義。 –

+1

@vahidnajafi這樣的事情我相信應該工作'document.getElementById(「scrollId」)。scrollHeight - document.getElementById(「scrollID」)。scrollTop'你也可以減去盒子高度這應該是另一個問題。 – William