- 博客(2)
- 收藏
- 关注
原创 监听页面滚动到指定位置进行动画
今天遇到的问题是页面滚到到指定区域,给背景图片添加一个向左移动的动画,刚开始是使用的是wow加上animated动画,但是存在还没有滚动到该区域的时候就已经完成了动画的问题。所以后面考虑使用js来监听滚动的距离,然后添加动画的类。//监控窗口已滚动的距离;可以log打印一下a,b,c,d,然后找到指定位置的offset值,就可以实现了。//浏览器窗口的高度*/// 监听鼠标滚动到指定位置进行动画。
2023-04-11 17:58:00
486
1
原创 PC端设置hover后禁止移动端hover
在我们平时在写网页的时候,经常用到鼠标移入hover来修改样式等,但移动端和PC端都公用一个页面。移动端是默认会有手指触摸来触发hover样式的,有时我们PC端设置好hover样式后,移动端的hover样式会影响移动端的效果,此时我们就需要保留PC端的hover样式,同时禁止移动端的hover样式。我们只需要把PC端写的hover样式写进@media (any-hover: hover){}里面就可以实现PC端触发hover样式,移动端禁止hover样式。
2023-04-08 10:21:16
755
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人