Zoom & Pan весь веб-сайт

Question

Я искал способ увеличить или уменьшить масштаб на веб-сайте, а затем перемещаться.

Я пробовал zoomooz, который работает для увеличения, но я не могу перемещаться по сайту. Zynga Scroller выглядит многообещающе, но не может его запустить.

Идеи?

Answer 1

Может быть, вы можете использовать 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);
  });
}());