交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
175浏览
流程设计器中拖拽节点位置偏移怎么调整？
我在用React Flow做流程设计器时，发现拖拽节点到画布后位置总偏移100px左右，试过设置节点的position: absolute和transform属性都没解决。 代码是这样写的：node....
-
2
回答
100浏览
浏览器通知权限请求后如何自定义提示样式？
在开发网页通知功能时，用户授权后想用自定义样式覆盖浏览器默认的提示框，但发现CSS样式完全不起作用。尝试给notification对象添加类名也不行： Notification.requestPerm...
-
2
回答
96浏览
为什么我的MSE视频在切换分辨率时会卡顿？
我在用Vue+MSE开发自适应分辨率的视频播放器，当通过按钮切换不同分辨率的流时，视频会出现几秒卡顿。尝试过在切换前清空sourceBuffer并重新append，但效果不好。代码逻辑是这样的： ex...
-
2
回答
117浏览
为什么我的Spring动画在结束时会有明显的跳跃？
我在用GSAP的spring缓动做按钮悬停动画时，发现元素在动画结束时总会突然跳回几像素，明明计算的数值是正确的啊。我试过调整stiffness和damping参数，但问题依旧存在... 代码是这样的...
-
2
回答
116浏览
Plotly图表更新数据后为什么不重新渲染？
大家好，我在用Plotly.js做动态图表时遇到个怪问题。我按文档写了个折线图，想通过按钮动态更新数据，但调用Plotly.react后图表完全消失了... 我先初始化了图表，代码没问题能正常显示。但...
-
2
回答
74浏览
属性面板在拖拽时为什么会跟着滚动条移动？
我在做可视化编辑器的属性面板时遇到个怪问题，当页面有垂直滚动条时，属性面板用了position: fixed，但拖拽组件时面板会跟着滚动条移动，这明明是fixed定位啊。 我尝试过这样写样式： .pa...
-
2
回答
91浏览
Vue地图POI搜索时标记点无法实时更新怎么办？
大家好，我在用高德地图API做POI搜索功能时遇到个问题，搜索框输入内容后，地图上的标记点没有实时更新，虽然控制台没报错但就是不显示新结果。 我按照文档写了个Vue组件，搜索按钮点击没问题，但直接输入...
-
2
回答
203浏览
搜索历史清除按钮点击后数据没更新怎么办？
在做搜索框的历史记录功能时，我给清除按钮绑定了点击事件，但点击后页面上的历史列表没变化。虽然控制台没报错，但localStorage里的数据也没被删掉。我尝试过用localStorage.remove...
-
2
回答
203浏览
Final Form提交后表单值还是旧数据怎么办？
用Final Form做登录表单时遇到个怪问题，提交后表单值还是显示上一次输入的内容，怎么都清不掉... 我的代码是这样写的： import { Form, Field } from 'final-f...
-
2
回答
202浏览
多文件上传时如何限制单个文件大小？
在做项目时遇到个问题，用户上传多个文件时，怎么限制每个文件不能超过5MB？我试过给input加accept属性和multiple，但好像对文件大小没用。 我的代码是这样的： 然后用JS处理： func...
-
2
回答
97浏览
Markdown编辑器中代码块样式被主题CSS覆盖怎么办？
我在开发Markdown编辑器时遇到了样式冲突问题，切换主题后代码块的背景色和边框总是被主题CSS覆盖。试过给代码块类加!important都没用。 比如我写了这样的CSS： .code-block ...
-
2
回答
377浏览
拖拽上传时文件被多次提交怎么办？
在做文件拖拽上传功能时，发现每次拖拽文件到区域后，文件会被多次提交到后端，控制台显示重复的POST请求，但手动点击上传按钮没问题。 尝试过在dragover事件里用了e.preventDefault(...
-
2
回答
52浏览
热门搜索词点击后怎么让当前项立刻置顶而不重复？
在做搜索框热门推荐时，用户点击某个词后想让它立刻跳到列表最前面，但用数组splice和unshift操作后，发现点击同一个词会重复添加，导致列表出现多个相同的条目。尝试过先过滤再插入，但动画过渡时会出...
-
1
回答
65浏览
百度地图API路径规划回调返回成功但路线不显示怎么办？
在用百度地图API做路径规划时，调用direction.search后回调里提示success，但地图上就是不显示路线。我检查了起点终点坐标没问题，覆盖物数组也清空了。 这是我的核心代码： const...
-
1
回答
71浏览
ScrollTrigger在React中滚动到锚点时延迟明显怎么办？
在React项目里用gsap的ScrollTrigger实现点击跳转锚点，但滚动总是有0.5秒左右的延迟。明明配置了marker能看到标记位置，滚动动画也正常，就是触发时卡一下... 代码是这样的： ...
-
2
回答
74浏览
为什么同时按住Ctrl/Cmd和Delete键时检测不到组合键？
我在开发文本编辑器时想用Ctrl/Cmd+Delete实现删除段落的功能，但发现检测不到组合键按下： document.addEventListener('keydown', (e) => { ...
-
2
回答
70浏览
为什么锚点定位后页面总是偏移固定导航栏的高度？
我在做单页滚动时用了锚点跳转，但每次点击导航链接后，内容区域总会被固定在导航栏下方几像素的位置，导致文字被遮挡。已经试过给锚点元素加padding-top和margin-top，但滚动位置反而更乱了。...
-
2
回答
68浏览
高德地图地理编码返回空结果怎么解决？
在用Vue集成高德地图API做地址转坐标时，调用geocode方法总是返回空结果，页面完全没报错。 代码是这样写的： <template> <div ref="mapContaine...
-
2
回答
65浏览
输入框错误提示怎么自动隐藏不起来？
我给表单加了实时验证，但输入正确后错误提示就是不消失，这是怎么回事啊？ 比如这个邮箱输入框，当我输入错误格式后提示会显示，但改成正确格式时提示还是卡在那里： 请输入正确邮箱格式 我用的是blur事件监...
-
2
回答
130浏览
为什么我的悬浮效果在子元素上失效了？
我最近在做一个导航栏的hover效果，当鼠标悬停在父元素上时，子菜单会从左边滑出。但发现当鼠标移动到子菜单区域时，效果会突然消失。我试过给父元素加:hover，子元素用transition，但问题依旧...
