vue实现滚动条淡入淡出_快速提示：如何在滚动条上创建简单的淡入淡出效果

vue实现滚动条淡入淡出

在今天的超级快速教程中，我们将学习如何构建简单但有用的滚动效果。 当我们在页面中滚动时，两个元素的可见性将根据滚动位置而变化。

俗话说：“一张图片值得一千个单词”，让我们来看看我们将要创建的内容（向下滚动以查看效果）：

1.从页面标记开始

与上一教程类似，我们将定义一个带有标题和全屏div包装器的部分。 包装器将包含两个空div 。 这两个元素都将具有背景图像。 最后一个元素将获得front 。

这是标记：

...

<section>
  <h1>...</h1>