放大图像全屏和悬停滚动

Question

我试图复制这个例子，在那里你可以点击图像，它放大全屏幕，然后你可以盘旋上下滚动。

www.uniqlo.com/cn/product/women-slim-fit-jeans-143893.html#69 |/women/bottoms/jeans/slim-fit/| |

不知道从哪里开始，我使用滑动滑块作为基础。

Answer 1

首先将任务分成不同的步骤。

• 创建所需的标记。你可以更喜欢有一个无序的图像列表。每个列表项可以由缩略图和原始图像组成，原始图像在初始加载时保持隐藏状态。
• 将事件侦听器添加到列表中，并侦听单击图像的时间。
• 如果和图像被点击，加载屏幕顶部的覆盖图以覆盖全部。然后绝对放置大图像并将其显示在较高的覆盖图顶部z-index
• 对于滚动，您可以使用多种技术。其中之一是计算鼠标指针的位置并更改scrollTop值以获得滚动悬停效果。

自从您要求开始放置地点后，未粘贴任何代码。这应该可以让你了解需要做什么。让我知道你是否需要代码帮助。

注 - 我在代理不支持打开URL。我试图想象你想要什么，并回答。