创建一个@区域，移动滚动条再输入@会导致@弹出层位置计算偏移 BUG

fritx / vue-at

At.js for Vue.

https://fritx.github.io/vue-at/

MIT License

529 stars 114 forks source link

创建一个@区域，移动滚动条再输入@会导致@弹出层位置计算偏移 BUG #126

Closed daomiaru closed 3 years ago

daomiaru commented 3 years ago

正常打开页面不拖动滚动条时，输入@位置计算正确，但是当拖动滚动条时@弹出层的位置就变了。大佬可不可以看一下

fritx commented 3 years ago

@daomiaru hi，抱歉，可否提供你的demo，可能和这个已有的issue有关 https://github.com/fritx/vue-at/issues/10

daomiaru commented 3 years ago

QQ截图20201018211808

daomiaru commented 3 years ago

QQ截图20201018211648

daomiaru commented 3 years ago

插件下载是这个npm i vue-at@2.x # for Vue2。

daomiaru commented 3 years ago

代码

daomiaru commented 3 years ago

老哥我看了一下好像是我现在用的这个框架可能是设置了什么css的原因导致浏览器滚动事件包括window.pageYOffset都失效了导致弹出层位置偏移。我把框架的地址给你你可以帮我看看该怎么改吗 https://gitee.com/smallc/Saber. 麻烦大佬了

daomiaru commented 3 years ago

解决了谢谢大哥

KingOneYan commented 3 years ago

@daomiaru 兄弟，我也遇到了一摸一样的问题，能否请教一下怎么解决

daomiaru commented 3 years ago

@daomiaru 兄弟，我也遇到了一摸一样的问题，能否请教一下怎么解决

源码中有个scrollRef属性，你f12审查元素查看滚动条是哪个，把这个滚动条传入就行了 QQ截图20201022141826

KingOneYan commented 3 years ago

@daomiaru 兄弟，我也遇到了一摸一样的问题，能否请教一下怎么解决

源码中有个scrollRef属性，你f12审查元素查看滚动条是哪个，把这个滚动条传入就行了

没能理解，是传入滚动条对应的元素的类名吗，还是应该说传对应的ref，但是我目前使用的是封装好的富文本，里面内容滚动条拿不到对应的ref，我目前传className不起作用

daomiaru commented 3 years ago

@daomiaru 兄弟，我也遇到了一摸一样的问题，能否请教一下怎么解决

源码中有个scrollRef属性，你f12审查元素查看滚动条是哪个，把这个滚动条传入就行了

没能理解，是传入滚动条对应的元素的类名吗，还是应该说传对应的ref，但是我目前使用的是封装好的富文本，里面内容滚动条拿不到对应的ref，我目前传className不起作用

QQ截图20201022143355

KingOneYan commented 3 years ago

@daomiaru 没能理解，是传入滚动条对应的元素的类名吗，还是应该说传对应的ref，但是我目前使用的是封装好的富文本，里面内容滚动条拿不到对应的ref，我目前传className不起作用

daomiaru commented 3 years ago

@daomiaru 兄弟，我也遇到了一摸一样的问题，能否请教一下怎么解决

源码中有个scrollRef属性，你f12审查元素查看滚动条是哪个，把这个滚动条传入就行了

没能理解，是传入滚动条对应的元素的类名吗，还是应该说传对应的ref，但是我目前使用的是封装好的富文本，里面内容滚动条拿不到对应的ref，我目前传className不起作用

源码部分

daomiaru commented 3 years ago

@daomiaru 没能理解，是传入滚动条对应的元素的类名吗，还是应该说传对应的ref，但是我目前使用的是封装好的富文本，里面内容滚动条拿不到对应的ref，我目前传className不起作用

你截个图吧

KingOneYan commented 3 years ago

@daomiaru 当前是这个DOM 结构 template结构是这样的

daomiaru commented 3 years ago

@daomiaru 当前是这个DOM 结构 template结构是这样的

老哥你图裂了

KingOneYan commented 3 years ago

@daomiaru

KingOneYan commented 3 years ago

@daomiaru 老哥，图片不知道为什么怎么样都发不出来了，可以加你QQ私聊吗

daomiaru commented 3 years ago

1433149685

------------------ 原始邮件 ------------------ 发件人: "KingOneYan"<notifications@github.com>; 发送时间: 2020年10月22日(星期四) 下午2:46 收件人: "fritx/vue-at"<vue-at@noreply.github.com>; 抄送: "中分痞子莫扎特"<1433149685@qq.com>; "Mention"<mention@noreply.github.com>; 主题: Re: [fritx/vue-at] 创建一个@区域，移动滚动条再输入@会导致@弹出层位置计算偏移 BUG (#126)

@daomiaru 老哥，图片不知道为什么怎么样都发不出来了，可以加你QQ私聊吗

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.