博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于:target与定位动画的奇怪现象
阅读量:6859 次
发布时间:2019-06-26

本文共 344 字,大约阅读时间需要 1 分钟。

今天在制作首页导航图特效demo时,无意发现一个奇怪的交互现象,故记录

经测试,简化了触发该现象的代码,如下:

            

在点击a标签后,moveBox并未如预期所想从距顶部350px位置到距顶部0px位置,而是a标签从屏幕上方进入屏幕。

去除html的overflow属性后,可发现当点击a标签时,页面出现一个滚动条,同时滚动条的可滚动长度在不断的缩小,同时a标签从上方进入可视区域。

把animation的循环次数从1改成大于1时,从第二次动画开始,动画效果符合预期。

修改moveBox的position属性的值为fixed可不触发该现象。

转载于:https://www.cnblogs.com/breezyNone/p/10587668.html

你可能感兴趣的文章
Python全栈开发day9
查看>>
算法笔记 --- Insertion Sort
查看>>
子父表
查看>>
CUDA npp运动检测模块性能测试
查看>>
前端单点登录(SSO)实现方法(二级域名与主域名)
查看>>
extjs客户端与ABP框架的服务端数据交互杂记
查看>>
kali linux fuzz工具集简述
查看>>
微信小程序云开发不完全指北
查看>>
《构建之法》阅读笔记二
查看>>
20165324 前四周总结反思
查看>>
11.11评价
查看>>
第一章--第一节:环境搭建
查看>>
hdu 2665 划分树
查看>>
hdu 4251 划分树
查看>>
poj 1704 Georgia and Bob(阶梯博弈)
查看>>
JQuery中的$.ajax()
查看>>
js 幻灯片
查看>>
Keras序列模型学习
查看>>
[bzoj2809] 派遣
查看>>
Flask 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法
查看>>