As a graphic designer dabbling in HTML5, I have to admit that coding is not my strong suit. Despite that, I've been able to troubleshoot most of my issues thus far. However, I've hit a bit of a snag.
The problem arises when clicking on a thumbnail within the iframe - it aligns the thumbnail at the top of the screen. I attempted to add translateY to the "page" class, as well as within the iframe pages, but this caused the main picture to become misaligned.
You can view my test page online at
In response to Cat Chen,
I believe that might be the solution...but will it still maintain the same horizontal movement?