javascript - jquery的缩放问题

标签 javascript jquery html css

我的 fiddle http://jsfiddle.net/jkj2yztk/7/缩放可以工作,但它似乎无法使用,因为它没有保持应有的状态。当我放大时,表格向左偏移并且没有滚动。我已经在这里进行了谷歌搜索,但似乎找不到任何帮助。

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 + ')' });
}

有更好的方法还是我的代码有问题?

最佳答案

缩放和缩放没有改变元素(位置宽度等),它 s like lens. Thats why you don没有得到正确的滚动条。 你需要做类似this的事情

关于javascript - jquery的缩放问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39292890/

相关文章:

javascript - 使用 pdf.js 在 pdf 到文本转换中将换行符显示为 `\n`

javascript - $ ("html, body").animate({scrollTop :0}, 'slow' );在我的页面上不起作用

javascript - jQuery 窗口滚动事件在 fullpage.js 中不起作用

html - 从 X 剪贴板获取 HTML 源代码或富文本

javascript - HTML Canvas - 在选定位置绘制矩形

javascript - CouchDB 列表函数抛出 TypeError(点未定义)

javascript - XDomainRequest可以用来加载和绘制图像吗?

javascript - 如何将 XMLHttpRequest 响应的一部分存储为变量?

jquery - 我们如何按类指定 jQuery 验证插件的规则?

javascript - 使用 ionic : Array return value 0 为 YouTube channel 构建混合移动应用程序