body { //嵌套网页的body transform-origin:top left; overflow:hidden; }
var w = Math.floor($(window).width() / 1767 * 100) / 100; var h = Math.floor($(window).height() / 860 * 100) / 100; var s = 0; function scale() { if (w > h) { s = h; } else { s = w; } $('body').css({'transform': 'scale(' + s + ')','margin-left':($(window).width()-1767*s)/2,'margin-top':($(window).height()-860*s)/2}); } scale(); $(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox if (delta > 0) {//向上滚动放大 $('body').css({'transform': 'scale(1)', 'overflow': 'auto','margin':'0'}); } else if (delta < 0) {// 向下滚动缩小 $('html,body').animate({'scrollTop':0,'scrollLeft':0},10); $('body').css({'transform': 'scale(' + s + ')', 'overflow': 'hidden','margin-left':($(window).width()-1767*s)/2,'margin-top':($(window).height()-860*s)/2}); } });