Javascript 我想能够滚动一个大的图像水平，但在同一时间显示整个高度可以是可变的

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

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

提前感谢您的帮助

---

俚语

你在找

overflow-y:scroll；溢出x：隐藏仅允许在y方向上进行本机滚动。然后，您可以通过javascript控制x滚动。
您是否在寻找
overflow-y:scroll；溢出x：隐藏仅允许在y方向上进行本机滚动。然后，您可以通过javascript控制x滚动。
我希望图像的高度始终整齐地填充屏幕。因此，图像的整体高度始终是可查看的，但其宽度可以使用javascript滚动。因此，只有overflow-x设置为hidden。我希望图像的高度始终整齐地填充屏幕。因此，图像的整体高度始终是可查看的，但其宽度可以使用javascript滚动。因此，只有溢出-x被设置为隐藏。