Question

I’m trying to check to make sure an item is visible before I start working on it using the following function

isVisible: function (node, doc, x, y) {
    var el = doc.elementFromPoint(x, y);
    if (node === el) return true;
    else return false;
},

x and y are positions of the selected node and is calculated by

findPos: function (node) {
    var pos = new Object();
    pos.left = pos.top = 0;
    if (node.offsetParent) {
        do {
            pos.left += node.offsetLeft;
            pos.top += node.offsetTop;

        } while (node = node.offsetParent);
    }
    return pos;
}

Everything works fine. However, when I scroll the page down, the isVisible function is no longer returning the right value. This is caused by the position having changed but the find position function not returning the right value.

Is there a method to get the position of an element like the reverse of elementFromPoint? Or does anyone have another method?

Answer 1

I was able to fix this by adding window.scrollX and window.scrollY to the doc.elementFromPoint() input parameters x and y

    isVisible: function (node, doc, x, y) 
     {
      var el = doc.elementFromPoint(x-window.scrollX, y-window.scrollY);
        if (node === el) return true;
          else return false;
     },

this seems to work fine