如何实现类似豆包的AI改写框跟随内容滚动效果？

发布于
5 月 8 日北京

豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助

试过copy页面上那些css，但是没实现对应的效果

前端 css css3 vue.js

阅读 716

2 个回答

查看全部 2 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答12.6k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答4.8k 阅读✓ 已解决
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.5k 阅读✓ 已解决
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。
3 回答2.1k 阅读✓ 已解决
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
7 回答2k 阅读
为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码
3 回答1.2k 阅读✓ 已解决
www.baidu.com 中的 baidu 被称为什么域名？
[链接].com 是顶级域名baidu.com 是二级域名但如果只是 baidu 呢? 叫什么？叫做注册域名？因为现在一个网站有各种不同顶级域名比如下面这个网站，注册了一堆的 .cc 、.me、.la、.fun 这种杂牌域名
3 回答2k 阅读

相似问题

找不到问题？创建新问题