957 Star 5.1K Fork 1.6K

GVPsmallwei / Avue

 / 详情

关于 affix 中的相关问题

已完成
创建于  
2021-05-04 00:37

问题

  1. offset-bottom 无法实现
  2. 当设置了 offset-bottom 的初始化问题

问题1建议

  // bottom滚动判断条件
  elOffset.top + this.offsetBottom + elHeight > scrollTop + windowHeight &&
  this.offsetType == 'bottom' &&
  !affix

阅读源码后发现 elOffset.top + this.offsetBottom + elHeight 永远小于 scrollTop + windowHeight,因为 elOffset.top 是个定值(测试时一直是8),offsetBottom 不可能设置大的超过可视范围,elHeight 是定值,滚动条顶部+窗口高度综上所述永远高于左侧,所以将 if 中的>改为<,这样就能正常运行了。

从上到下拉动一次并打印
高度值打印

问题2建议

建议在mounted中判断当为offset-bottom时,将内容按照数值放到下面,否则在滚动前在该位置一直在初始位置优点不妥,也可以为不同需求增加一个属性,判断是否需要开局出现在初始位置。

  1. offsetBottom 滚动前在底部
    offsetBottom 滚动前在底部
  2. offsetBottom 滚动前在顶部
    offsetBottom 滚动前在顶部

评论 (0)

benyuanzhang 创建了任务
benyuanzhang 关联仓库设置为smallwei/Avue
benyuanzhang 修改了描述
benyuanzhang 修改了描述
smallwei 任务状态待办的 修改为进行中
smallwei 里程碑设置为v2.8.11
smallwei 任务状态进行中 修改为已完成
展开全部操作日志

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(1)
1853245 benyuanzhang 1617698941
JavaScript
1
https://gitee.com/smallweigit/avue.git
git@gitee.com:smallweigit/avue.git
smallweigit
avue
Avue

搜索帮助