不縮放特定子元素的縮放功能

Question

如何在不調整特定子元素大小的情況下爲類似於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