Question

我使用jQuery来改变我的网页规模。这是代码：

<script>
    var currFFZoom = 1;
    var currIEZoom = 1;

    function plus(){
        var step = 0.1;
        currFFZoom += step;
        if (currFFZoom > 10) currFFZoom = 10;
        $('body').css('transform','scale(' + currFFZoom + ')');
    };
    function minus(){
        var step = 0.1;
        currFFZoom -= step;
        $('body').css('transform','scale(' + currFFZoom + ')');
    };
</script>

它工作正常，但是当我增加比例时，一些元素移出浏览器边缘，我无法将页面滚动到它们。所以，他们变得无法到达。

PICTURE OF MAILFUNCTION

我该如何解决？

Answer 1

所以，我解决了这个问题。首先，我改变了

html
  { height: 0%; }

宽度需要使用jquery计算。此代码应该绑定到某个事件处理程序（按钮单击或其他）：

currFFZoom = $('body').css('transform','scale');
$('html').width(currFFZoom*100 + '%');

为我工作。整个页面可滚动

页面上的元素在比例增加后隐藏

1 个答案: