再次返回页面使其页面内不进行动效的问题


一、问题:

             如题,有时候一个H5会有很多页面,一般打开链接封面会有动效,有目录的封面在进入内页时,需要返回,但返回后,动效是不需要的,在不使用后台传参或者进行控制的情况下,如何让再次返回封面的动效不显示?

二、思路:

            一般用到后台的情况下,是最简单的,直接后台进行判断从而控制前端页面的显示,在不使用后台的情况下,也能达到这个目的的话,模拟是最好的方式。

三、解决:

          从内页跳转到封面的链接可以加个#的后缀,如:封面页地址为:index.html,此时在内页里跳转到封面的链接可写为:index.html#noplay,只要一打开封面页,就进行判断:

if(window.location.hash=='#noplay'){

 // 表示是从内页跳转过来的,即取消动效

}else{

// 有动效

}

四、延伸:

        举一反三,此方法也可以进行页面传参(需要进行字符串截取,如单个参数:window.location.hash.substr(1,window.location.hash.length)),思路类似。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值