yellowpig1210的专栏

想实现这样的滚动条功能，参考https://blog.youkuaiyun.com/qq_30449567/article/details/80417304，可使用css animation的思路 想让前面的icon不随右侧滚动，有两种思路均可 1.icon盖在右侧滚动条上（更简单） 2.右侧滚动部分外包一个定宽容器 需注意几点， 1.使用animation则不需再设overflow: scroll 2.滚动条外的容器设了定宽，需给滚动条设display:inline-block，否则在文字较长的情况...

1.scrollTop取值非整数 背景：做上拉加载需求时，需通过滑动条滚动时判断e.scrollTop+e.clientHeight === e.scrollHeight实现。 坑1 端内的h5取到的scrollTop非整数 型号：oppo X9、小米 MIX2 解决：应用Math.round(scrollTop)四舍五入判断 坑2 在坑1存在的情况下，还有手机滑动过快时，取得的...

实现功能：1.拖动div 2.判断是否和其他div重叠。如果重叠不允许拖动 原理：在拖动开始时获取所有兄弟节点信息，在放置时判断计位置是否和兄弟重叠 判断重叠逻辑：obj2不在obj1的上下左右，则一定有重叠 代码：github代码地址 ...

功能描述 图片式进度条。输入一个百分比数值，根据输入值显示高度占比。 视觉原理 从UI实现的角度，是两张图片（最好是svg）重叠，向底端对齐。底层是灰色图片，保持固定高度；上层是蓝色图片，宽度与底层一致，高度根据输入值修改。这样可以在视觉上体现高度占比的效果。 前端实现原理 从前端实现的角度，这个组件可以理解为一个底端对齐的进度条，进度条样式由图片决定。 进度条功能由一对父子div...