css实现长图上下滚动

CSS实现长图上下滚动有多种方法，这里介绍其中一种使用overflow属性的方法：

img {
  height: auto;
  max-width: 100%;
  overflow: auto; /* 或者设置为scroll */
}

首先，我们需要将图片的高度自适应，保证图片在宽度不超过100%的情况下仍保持原有比例，这可以使用上述代码实现。接下来，我们需要设置图片的overflow属性来实现上下滚动。

当overflow属性设置为auto时，当图片内容超过其容器的高度时，将出现滚动条。当设置为scroll时，将始终显示滚动条，无论内容是否溢出容器。在这种情况下，可以根据情况选择不同的属性来实现不同的效果。

总体来说，这种方法非常简单快捷，适用于只需要自适应高度和上下滚动的情况。如果需要更复杂的滚动效果，建议使用JavaScript实现。