ok so I have a child canvas and a parent canvas that acts as a mask. I have the navigation set up using the arrow keys between all the elements in the child container. Lets say my child container's height is 5000 and width is 5000 but my mask is 800 x 600 (the childs size actually varies based on the tot width of the rows and total number of rows returned from the DB). when I scroll up past the viewable top and/or viewable bottom the child should move 600 pixels up or down to stay in view. is there a way to compare the childs position to the parents where my code knows when to move the canvas?? I thought "well, if the highlighted item's Y position is equal to the parent containers then it should move" but its not that easy.
any thoughts? i have tried paginating, sending fresh HTTP requests for the next 5 rows of data, and a few other methods and the best and most fluid way i have found to set this up is to load all my data at once in the mask since there is not alot of graphics or tons of data being loaded.
