请问老师,屏幕滚动过渡效果如何实现?

来源:5-5 JS实现滑动门效果

我学习太差被关起来了

2019-11-04 11:03:32

在本项目中,点击头部导航项和侧边导航项,实现屏幕定位到某一屏,都是瞬间完成。我想要一些过渡时间,如0.5s,应该如何实现呢?

感谢老师讲解这个项目,让我学习到实用的技能和开发思维。

写回答

1回答

好帮手慕夭夭

2019-11-04

你好同学,这个案例中,页面滚动用的是scrollTop,原生js中,scrollTop没有办法使用过渡动画的。需要结合jquery中的animate()方法实现。因为同学目前还没有学习到,参考如下了解一下,等学习到了再去做。

引入jquery文件

http://img.mukewang.com/climg/5dbfd698097910e207000084.jpg

然后使用animate设置scrollTop的动画:

http://img.mukewang.com/climg/5dbfd6b609caf44f06770132.jpg

祝学习愉快,望采纳。

0

0 学习 · 40143 问题

查看课程