
一些实现
凉拌菜是个汉堡包
我是一只欢乐的小菜鸟
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS实现文字循环滚动效果
想实现这样的滚动条功能,参考https://blog.csdn.net/qq_30449567/article/details/80417304,可使用css animation的思路想让前面的icon不随右侧滚动,有两种思路均可1.icon盖在右侧滚动条上(更简单)2.右侧滚动部分外包一个定宽容器需注意几点,1.使用animation则不需再设overflow: scroll2.滚动条外的容器设了定宽,需给滚动条设display:inline-block,否则在文字较长的情况...原创 2021-03-09 17:51:27 · 1683 阅读 · 0 评论 -
h5坑:scrollTop取值非整数
1.scrollTop取值非整数背景:做上拉加载需求时,需通过滑动条滚动时判断e.scrollTop+e.clientHeight === e.scrollHeight实现。坑1 端内的h5取到的scrollTop非整数型号:oppo X9、小米 MIX2解决:应用Math.round(scrollTop)四舍五入判断坑2 在坑1存在的情况下,还有手机滑动过快时,取得的...原创 2019-05-16 16:59:39 · 874 阅读 · 0 评论 -
拖拽div并判断是否重叠-原生js实现
实现功能:1.拖动div 2.判断是否和其他div重叠。如果重叠不允许拖动原理:在拖动开始时获取所有兄弟节点信息,在放置时判断计位置是否和兄弟重叠判断重叠逻辑:obj2不在obj1的上下左右,则一定有重叠代码:github代码地址...原创 2018-09-05 22:49:43 · 3555 阅读 · 0 评论 -
图片式进度条实现原理
功能描述图片式进度条。输入一个百分比数值,根据输入值显示高度占比。视觉原理从UI实现的角度,是两张图片(最好是svg)重叠,向底端对齐。底层是灰色图片,保持固定高度;上层是蓝色图片,宽度与底层一致,高度根据输入值修改。这样可以在视觉上体现高度占比的效果。前端实现原理从前端实现的角度,这个组件可以理解为一个底端对齐的进度条,进度条样式由图片决定。进度条功能由一对父子div...原创 2019-05-05 14:40:30 · 1364 阅读 · 0 评论