Html 固定图像遮罩显示图像下方的滚动

Html 固定图像遮罩显示图像下方的滚动,html,css,scroll,fixed,mask,Html,Css,Scroll,Fixed,Mask,可能有一个超级简单的解决方案 我正在尝试创建一个公文包页面,我想在上下文中显示一个移动站点的屏幕截图 举个例子,我有一个完整页面的高截图,我想用一个手机图像来屏蔽它,它只会显示在屏幕区域。当你滚动时,我希望手机有固定的位置,并在“视口”中显示下面的屏幕截图 下面是我的意思的示意图: 有什么想法吗

可能有一个超级简单的解决方案

我正在尝试创建一个公文包页面,我想在上下文中显示一个移动站点的屏幕截图

举个例子,我有一个完整页面的高截图,我想用一个手机图像来屏蔽它,它只会显示在屏幕区域。当你滚动时,我希望手机有固定的位置,并在“视口”中显示下面的屏幕截图

下面是我的意思的示意图:

有什么想法吗