Javascript 如何通过重叠图像滚动模式内容？

实际上，我有下面的模式，在左边显示一个产品图像，在桌面版本的右边显示它的描述，在手机上，我显示了一个全屏模式，上面是图像，下面是描述

#modalProduct{
左侧填充：0；
}
.img液{
高度：250px；
对象匹配：覆盖；
}
.模态内容{
边界：无；
}
.产品说明{
高度：430px；
填充：20px 20px 10px；
}
@仅介质屏幕和（最大宽度：576px）{
.img产品{
边界半径：0！重要；
位置：初始！重要；
高度：350px！重要；
}
.模态对话框{
保证金：0；
}
.模态内容{
边界半径：0；
}
.产品说明{
高度：自动；
}
}
.img产品{
边框左上半径：.3rem；
边框左下半径：.3rem；
位置：绝对位置；
身高：100%；
}
按钮，关闭{
z指数：999；
位置：绝对位置；
右：0；
右边距：10px；
}
.结束{
不透明度：1；
文本阴影：无；
颜色：#f00；
字号：2rem；
}

情态动词
&时代；
试验
测试测试

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
接近
试验