javascript - jQuery：放大网页元素

Question

有谁知道用于放大页面上的 html 元素的插件或一些示例代码？我使用了 zoomooz.js，它运行良好，但我希望当用户放大一个元素时，该元素有滚动条。我的元素还包含另一个像这样的元素：

<div id="zoomView">
   <div id="innerElement">
      some elements ...
      <input type="text" />
   </div>
</div>

Answer 1

JavaScript 函数：

function zoom(value){
  document.getElementById('idofyourelement').style.zoom=value;  
}

在您的 html 中，您可以使用它：

<!--Zoom Controls-->
<div id="zoom_controls">
  <span>-</span>
  <input type="range" min="0.7" max="2.2" value="1" step="0.1" onchange="zoom(this.value)"/>
  <span>+</span>
</div>