Trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands
I am trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands and it works perfectly..almost.
I have two buttons on my page that call javascript functions. One to zoom in and one to zoom out. Here is my javascript code:
$(document).ready(function () {
// Increase Page Size
$(".textsize .increasePageSize").click(function () {
$('body').transition({ scale: ($('body').css('scale') + 0.1) });
return false;
});
// Decrease Page Size
$(".textsize .decreasePageSize").click(function () {
$('body').transition({ scale: ($('body').css('scale') - 0.1) });
return false;
});
});
This code works great to scale the screen. The only problem is I want the translated $('body') to align to the top of the browser window. When you zoom in the the html document resizes and the top moves down the further you zoom in. The
opposite happens when you zoom out. Since my buttons are at the top of the screen, once you zoom out where the document is larger that the browser window the buttons move off the top of the screen and you are stuck. I have tried various things to get this to work with no luck. Any suggestions would be much appreciated.
Thanks