在中心缩放后如何获取图像/div左侧的滚动条

Question

我正在使用 display:flex 和 justify-content:center 将图像居中 并在单击时使用一些缩放按钮来缩放图像。

问题是缩放后我无法让滚动条转到图像的左侧。

我检查了缩放属性，得知它缩放 (0,0) 坐标，可能我正在尝试使用负坐标 (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale()#scaling_the_x_and_y_dimensions_together)

在缩放图像后，我可以做些什么来完全访问图像？ （完全访问我的意思是左/右/上/下） 这是供参考的小提琴：https://jsfiddle.net/r9sdhjyz/1/

Answer 1

据我了解，您希望将滚动条移到左侧。

像这样在父元素的样式中添加direction: rtl;

#parent{
  height:400px;
  width:400px;
  overflow:scroll;
  display:flex;
 justify-content:center;
 direction:rtl;
}