Question

如何在不重新调整某些孩子大小的情况下为div创建类似缩放的功能，类似于http://jaukia.github.io/zoomooz/。在那个div里面。如果你有任何想法让我开始这将是伟大的。提前谢谢！

Answer 1

您可以尝试：隐藏溢出以隐藏滚动条，编辑一些css以使其更大并且仅使用1 js函数来居中它：

<div id="a" style="width:50px;height:50px;background-color:#0000FF;overflow:hidden">
    <div id="b" onclick="this.style.width='45px';this.style.height='45px';this.scrollIntoView()" style="width:30px;height:30px;background-color:#FF0000"></div>
    <div id="c" onclick="this.style.width='45px';this.style.height='45px';this.scrollIntoView()" style="width:30px;height:30px;background-color:#00FF00"></div>
</div>

此处正在运行的脚本：http://jsfiddle.net/C5A6J/ 这里的scrollintoview参考：https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView

缩放功能，不缩放特定的子元素

1 个答案: