登录/注册

首页 › 活字格专区 › 求助中心 › 查看内容

19 主题	56 帖子	337 积分

积分: 337

9279
金币
19
主题
56
帖子

最新发帖

[已处理] 实现上下滚动页面让文字淡出效果

大橙子真nb
初级会员 / 发表于：2022-4-29 11:48 / 查看：2638 / 回复：1

10金币

目前效果：当页面刷新时候的动态效果

想实现效果：滚动页面也能触发效果

需要用到JS还是什么方法呢

附件: 您需要登录才可以下载或查看，没有帐号？立即注册

最佳答案

查看完整内容

您好，这个功能的确可以通过注册页面级别的JS+CSS来实现，思路大致是：监听浏览器滚动条，根据滚动条的位置进行判断，触发相应的事件使文字淡入。关于具体代码，网上有很多相关的教程，您可以搜索学习，我帮您找了一个，可以参考一下：实现滚到div时淡入效果_Darren i的博客-CSDN博客_div 淡入这里也有一个相关的教程帖，是通过Jquery实现的淡入效果，您也可以参考~ 一看就会，超有用活字格技能：一百四十、随着页面向下滚动 ...

收藏

回复

1 个回复

倒序浏览

最佳答案

最佳答案

Chelsey.Wang
论坛元老 / 发表于：2022-4-29 11:48:25 来自 2^#

您好，这个功能的确可以通过注册页面级别的JS+CSS来实现，思路大致是：监听浏览器滚动条，根据滚动条的位置进行判断，触发相应的事件使文字淡入。关于具体代码，网上有很多相关的教程，您可以搜索学习，我帮您找了一个，可以参考一下：实现滚到div时淡入效果_Darren i的博客-CSDN博客_div 淡入

这里也有一个相关的教程帖，是通过Jquery实现的淡入效果，您也可以参考~
一看就会，超有用活字格技能：一百四十、随着页面向下滚动时，文字渐显的效果 - 活字格专区 - 专题教程 - 葡萄城产品技术社区 (grapecity.com.cn)

回复 使用道具举报