javascript 当使用移动滚动进行滚动时,图像或内容消失

cig3rfwq  于 2023-03-16  发布在  Java
关注(0)|答案(1)|浏览(361)

所以这是我目前的第一个问题,我正在从头开始建立一个静态网站,我对html和css的知识还可以,但我并不是真的那么了不起(我仍然是一个设计师而不是开发人员)。
我使用这个火车头为我的平滑滚动和视差效果,但要么有一个错误或东西是与代码冲突(要么我的html结构或一些坏的样式),使图像在页面的结尾消失。我不能跟踪问题,所以任何人都可以请通过他们看看将是伟大的。谢谢!

编辑2:所以这个问题是由使用data-scroll-section引起的,它被期望提高性能/速度,但似乎有bug。它删除了视图外的部分来保存数据,这是可以理解的,尽管它可能会过早地删除部分。也许是一些计算错误?

删除data-scroll-section后,只将data-scrolldata-scroll-speed一起使用,一切正常。虽然有点慢和小故障。:/希望将来能改进。

编辑1:需要说明的是,插件工作正常,只是图像在滚动结束时消失。

链接:
整个文件夹:https://github.com/tranghasgit/sonya-web-test
机车:https://github.com/locomotivemtl/locomotive-scroll

hgc7kmma

hgc7kmma1#

找到了解决办法

html.has-scroll-smooth 
{
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
}

把这个添加到css中,它将解决元素消失的问题

相关问题