Question

我已经看到许多网站在您向下滚动网站时突然引入了一项不错的功能，例如，在网站滚动的某个部分突然出现，可以说在整个屏幕的40％到70％的页面中，左侧或右侧并坐在屏幕中间，直到用户向上/向下滚动足够远以使图像向外滑动。

如何实现这种功能？

Answer 1

好吧，这里有一些指针：

检测并处理滚动事件：window.addEventListener("scroll", function(event){ ... });

获取当前滚动位置：window.scrollY || document.documentElement.scrollTop（您可能会将其与另一个值进行比较）：

window.addEventListener("scroll", function(event){

    var position = window.scrollY || document.documentElement.scrollTop;

    if(position > ...)
        ...
    ...
});

可能是您想使用一个库，查找“滚动动画（js，库）”，有many

在网站滚动的某个阶段，如何使图像滑入屏幕并滑出？

1 个答案: