Scroll Panels work by setting the localposition to X and the cliprange to -X, thus offsetting the clip view to be the same place on the screen. If you tween the panel somewhere, remember to counter tween the clip range.
When you have a grid, it's trivial to calculate the sizes, since the grid even exposes this (.gridSize or cellSize I don't remember the name).
Picture 2 of 5 means that your target position is cellsize*2 (onx or y depending on your active axis).
Nothin more to it.