Zoom&潘整个网站

时间:2014-08-11 16:21:58

标签: zoom pan

我一直在寻找一种放大和缩小网站然后四处走动的方法。

我尝试了zoomooz,它适用于缩放,但我不能在网站上移动。 Zynga Scroller看起来很有前景,但无法让它运转起来。

想法?

1 个答案:

答案 0 :(得分:0)

也许你可以使用CSS?

.zoom0 { zoom:1 }
.zoom1 { zoom:1.25 }
.zoom2 { zoom:1.5 }
.zoom3 { zoom:1.75 }
.zoom4 { zoom:2 }

假设你有一个按钮来切换它们:

<button type="button">Zoom</button>

还有一些JS:

(function(){
  var zoom = 0;
  $("button").on("click", function(e){
     $("body").removeClass("zoom0 zoom1 zoom2 zoom3 zoom4");
     if (zoom++ >= 4) zoom = 0;
     $("body").addClass("zoom" + zoom);
  });
}());