怎样实现随着鼠标滚动到某个位置触发对应css3特效
2个回答
展开全部
只要监听滚动高度来判断触发事件的条件就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;
}
这就是回到顶部操作。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
一般是超链接吧,超链接用a:hover来做
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询