【问题标题】:How to get Scrollbar for left side of the Image/Div after it is scaled at the center在中心缩放后如何获取图像/div左侧的滚动条
【发布时间】:2022-01-14 00:09:59
【问题描述】:

我正在使用 display:flexjustify-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/

【问题讨论】:

  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: javascript html css scroll


【解决方案1】:

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

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

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

【讨论】:

  • 这实际上为左侧提供了滚动,但删除了右侧。我需要完全访问 img。即 TOP /LEFT /RIGHT /BOTTOM。
  • 所以你需要滚动条到所有四个边?如果是的话,你可以参考这里stackoverflow.com/questions/24804500/…
  • 我需要滚动条来访问整个图像(默认的水平和垂直滚动条)。如您所见,在缩放后,Img 的某些部分会熄灭并且无法访问。
  • 这当然没有帮助。 img 缩放后,div 外的部分仍然无法访问
猜你喜欢
  • 2011-11-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-27
  • 2015-01-01
  • 1970-01-01
  • 2013-02-14
相关资源
最近更新 更多