vue实现滚动条淡入淡出
在今天的超级快速教程中,我们将学习如何构建简单但有用的滚动效果。 当我们在页面中滚动时,两个元素的可见性将根据滚动位置而变化。
俗话说:“一张图片值得一千个单词”,让我们来看看我们将要创建的内容(向下滚动以查看效果):
1.从页面标记开始
与上一教程类似,我们将定义一个带有标题和全屏div
包装器的部分。 包装器将包含两个空div
。 这两个元素都将具有背景图像。 最后一个元素将获得front
。
这是标记:
...
<section>
<h1>...</h1>