每天学一个jquery插件-做锚点吸顶2

每天一个jquery插件-做锚点吸顶2

做锚点吸顶2

接着昨天的思路来

  • 第一步,插件先处理好所有的可能干扰的东西,比如自带的边距与li标签之类默认的样式
  • 这个没啥好说的
  • 第二步,将所有标记了的内容全部拿到,然后存好各自的高度外加顺序,对,就是和之前做滚楼梯的效果差不多,先把用得到的参数全部收集起来,然后找到他们的左边绘制一个等高的标签,背景的虚线什么的不做,可以用div绘制虚线边框或者用背景图替代
    在这里插入图片描述
    弄是弄出来了,不过感觉辅助容器的写法太麻烦了,完全是在完成基础之后疯狂打补丁修正位置,结果写着写着代码就难看了,所以还是打算换个法子再实现,比如我再想想个新的写法,参数还是之前的参数集合,然后我拿到所有对象之后,直接在它对象dom里面添加标签,然后统一把便签浮出来放到左侧,这个时候做个辅助容器,将所有高度标签到顶的状态的标签取出来放进辅助容器,这个判断一个是到顶,还有一个条件就是这个标签刚好在辅助容器里面收集的标签下方,再网上就会被辅助容器覆盖的状态,这个时候把标签取出来放辅助容器里面,此外释放标签的做法就是判断滑动的位置和辅助容器的位置到达指定的条件又把标签取出来放回标记的类里面。
    额,今天这个时候停电了,暂时不写了,凸(艹皿艹 )。

猜你喜欢

转载自blog.csdn.net/weixin_44142582/article/details/112440336