角度8

时间:2019-07-03 10:26:07

标签: angular parallax

我目前正在构建一个角度应用程序(混合),其中在其中一页中,我有一张卡片列表。我需要为每张卡显示背景图像,但是背景是100vw,并且是固定的。当用户滚动浏览卡片时,我需要像视差滚动效果一样改变背景(不一定要使用视差)。卡片应在视图中滚动(不应该溢出),并且每张卡片都应聚焦时,背景应以动画幻灯片的方式进行更改。

附加所需内容的轮廓图像。

服务器对这部分的响应json是一个数组,每个项目都是一个对象,例如-

{
  "image" : "path to background image",
  "title" : "SOME TITLE",
  "description": "SOME DESCRIPTION"
}

标题和描述进入卡片,图像作为卡片后面的背景

我想知道最好的解决方案是什么?我正在使用版本8

Sample Wireframe

0 个答案:

没有答案