javascript - 不缩放特定子元素的缩放功能

Question

我如何才能为 div 制作类似于http://jaukia.github.io/zoomooz/的缩放功能，而无需重新调整某些孩子的大小。在那个 div 中。如果你有任何想法让我开始，那就太好了。提前致谢！

Answer 1

您可以尝试：overflow hidden 隐藏滚动条，编辑一些 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