jQuery如果div位於x位置，則顯示另一個div

Question

我有一個div，可使用鍵盤箭頭在所有方向上移動。

我試圖做到這一點，以便當可移動div在頁面中“行進”並到達某個點時，將出現另一個帶有文本的div。

如何使角色到達頁面上的某個點時顯示div對話框？

if($('#'+character).position().top > -500) {

    if(character == 'character1') {
       $('#page2 .dialogue').fadeIn(4000);

    }
}

Answer 1

因此， position （）相對於包含元素，而offset（）相對於文檔。 這么說，您要問的是元素何時位於包含div的上方 500。 您可能看不到它。 嘗試消除負號。

如果您提供jsfiddle，那么我們可以確認並提供更好的幫助。

Answer 2

在CSS中，您可以設置element.style.top，但無法閱讀。 您需要改為使用element.offsetTop，這將為您提供div的位置。 我假設character是一個預先定義的變量，它是div層的ID。

if(document.getElementById(character).offsetTop > 500) {

    if(character == 'character1') {
       $('#page2 .dialogue').fadeIn(4000);

    }
}

Oughta做到了。 偶爾調用它以繼續檢查。 甚至更好的是，不要理會任何一個。 將角色的位置保留在變量中，然后以這種方式設置其位置，當您需要讀取角色的坐標時，只需讀取變量即可。 這就是我要采取的方法。