如何实现vue里面的scroll事件附带动画效果
展开全部
要监听滚高度判断触发事件条件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;
}
顶部操作
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询