Hi there! I have been working on a fiddle and the zoom functionality seems to be causing some issues. Even though it works, the table offsets to the left when zoomed in and there is no scrollbar. I've tried searching online for solutions but haven't found any helpful answers so far.
function place(domObj, row, col) {
domObj.classList.toggle("land");
};
$('#zoom-in').click(function() {
updateZoom(1.0);
});
$('#zoom-out').click(function() {
updateZoom(-1.0);
});
zoomLevel = 1;
var updateZoom = function(zoom) {
zoomLevel += zoom;
$('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });
}
Do you think there might be a better way to handle this issue or could there be a problem with my code?