Am having a few small problems with this otherwise successful Hype slider at this URL while in development:
The two problems are:
2–I am also using a 2px wide vertical rectangle butting up to the rectangle mentioned above to give the user info on timing of each slide. It works fine if the iframe is full size but not when it is less than full size because the rectangle does not scale down as the viewport scales down, so the timer reaches the culminating edge of the viewable file before time is up and then completes its animation outside the frame. I’ve tried this both animating a 500px deep rectangle to move and animating a rectangle to change depth from 1px to 500px. Again, they are pinned left, top and bottom, and flexible vertically.
Again, any solutions here? Perhaps there is a way to use CSS “vh” viewport height percentages so that at the beginning of the main animation timeline its length or bottom position is at vh: 0 and at the end of the animation it is vh: 100?