I’ve been trying to play around with some more advanced JQuery animations on my Wiki API project. However, after the animation is complete I am not seeming to have luck providing the translated image with a ‘fixed’ position or absolute property.
My pen is here:
The respective action to take is click the ‘Learn something new’ button. Image in question is the Wiki Logo in the upper left hand corner (My issue is if you resize the page now width wise it will slide off the screen. I just want it to ‘stay put’.). Image tag is #logo, respective JS are lines 53-56.
As an alternative to just doing a position absolute I also tried to reassign it to a new, different class (i.e. #logoSmall is the black box designated), as well as also just change it’s current class location on the grid (i.e. #logoSmall is the black box designated), but neither of these options seemed to work for me.
Any thoughts ?