javascript - 我希望能够水平滚动大图像，但同时显示可以变化的整个高度

Question

我有一个 1900 像素 x 1000 像素的大图像；它的宽度可以通过javascript左右滚动来查看，因为包含div的overflow-x是隐藏的。图像高度将被缩放以显示图像在顶部横幅下方到视口底部的可用空间内的完整高度——它不需要垂直滚动。

我的问题是如何最好地处理图像高度的缩放，同时仍然保持图像比例并且仍然具有足够大的图像以便仍然发生水平滚动（除非屏幕分辨率超过图像比例）。我希望答案可以通过 CSS 完成，但 JavaScript 解决方案也是一种选择。

提前感谢您的帮助，

斯兰

Answer 1

您是否正在寻找overflow-y:scroll;overflow-x:hidden;仅允许在 y 方向上进行本机滚动的选项。然后，您可以通过 javascript 控制 x 滚动。