如何实现vue里面的scroll事件附带动画效果
答案:1 悬赏:0 手机版
解决时间 2021-11-08 02:54
- 提问者网友:趣果有间
- 2021-11-07 08:54
如何实现vue里面的scroll事件附带动画效果
最佳答案
- 五星知识达人网友:duile
- 2021-11-07 10:17
要监听滚高度判断触发事件条件OK举栗:
1 var oDiv = document.getElementById("div");
2
3 window.onscroll = function(){
4 var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
5 if(scrollTop > 1000){
6 oDiv.style.WebkitTransform = " rotateX(120deg) rotateY(200deg)";
7 }
8 }
第四行兼容处理
scrollTop设置通某条件触发赋值:
oDiv.onclick=function(){
document.body.scrollTop = 0;
}
顶部操作
1 var oDiv = document.getElementById("div");
2
3 window.onscroll = function(){
4 var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
5 if(scrollTop > 1000){
6 oDiv.style.WebkitTransform = " rotateX(120deg) rotateY(200deg)";
7 }
8 }
第四行兼容处理
scrollTop设置通某条件触发赋值:
oDiv.onclick=function(){
document.body.scrollTop = 0;
}
顶部操作
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯