Javascript 缩放div中的部分并将其聚焦。（jQuery&；CSS）

我正在开发一个配置程序，比如自行车配置

• 我需要在一个div中显示自行车每个部分的图像，所有部分都正确连接，以便最终用户看起来像自行车

• 现在，当最终用户想要更改某个部件（例如把手或座椅杆）时，他单击该部件。单击后，将缩放并显示在该div中与该div相连的某个部分上

这就是问题所在，单击零件后，我使用CSS Zoom属性缩放零件。但是，由于div大小是固定的，溢出隐藏，因此有时会隐藏该部分。但我想让这部分在div中居中显示

如果您能提供一些替代方案或任何想法来实现它，请提供帮助

---

提前谢谢。

请在这里输入一些您尝试过的代码？@BachchaSingh:这里的示例代码：`jQuery（'.display frame-inner'）。单击（函数（事件）{jQuery（this）.动画（{'zoom'：2}，400）；jQuery（this）.动画（{scrollLeft:event.pageX}，“slow”）；//这是我需要在附近滚动到零件}）的地方`不，不。。。将示例代码放入您的问题中。。。并确保它是一个工作的代码片段，重现您的问题