自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除