交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
40浏览
列表筛选后滚动位置重置，怎么保持之前的位置？
在做商品列表筛选功能时，每次切换分类后列表会回到顶部。虽然用remember-scrolled属性试过，但滚动位置还是重置了。用scrollTop手动记录也没成功，代码该怎么改？ 我用Vue写了一个商...
-
2
回答
47浏览
可视化编辑器中如何阻止Ctrl+C/V默认行为同时触发自定义复制操作？
我在开发可视化编辑器时，想用Ctrl+C/V实现元素复制粘贴，但浏览器默认的复制粘贴总是优先触发。我尝试过在keydown事件里加preventDefault，但有时候无效： document.add...
-
2
回答
30浏览
AlloyFinger手势识别在移动端滑动时偶尔失效，该怎么排查？
在移动端用AlloyFinger实现列表左右滑动切换tab时，偶尔会出现滑动无响应的情况。已经按文档设置了threshold: 20和interval: 15，但滑动距离明显超过阈值还是没触发事件。 ...
-
1
回答
51浏览
使用Velocity.js时隐藏元素后动画无法触发怎么办？
大家好，我在用Velocity.js给隐藏的DOM元素做动画时遇到了问题。我先用display:none隐藏了元素，然后调用.animate()方法，结果动画完全没反应... 我试过把display改...
-
2
回答
41浏览
富文本编辑器的撤销记录总是占内存，怎么优化？
在开发富文本编辑器时，用数组存每次修改的快照，但发现撤销多次后内存飙升。 试过只存最近20步，但用户频繁修改时还是卡顿。比如选中段落改颜色，每次操作都深拷贝整个DOM结构，这样会不会太笨重？有没有更轻...
-
1
回答
62浏览
ProseMirror在Vue组件中初始化时内容不显示怎么办？
我在Vue组件里用ProseMirror写富文本编辑器，初始化的时候传了content属性但内容始终不显示出来，这是为什么呢？ 代码是这样写的： import { EditorState, Edito...
-
1
回答
62浏览
Shaka Player动态切换ABR策略后没生效怎么办？
我在用Shaka Player播放自适应码率视频时，想动态切换ABR策略从"balanced"到"aggressive"。按照文档调用了player.configure('abr', { defaul...
-
2
回答
36浏览
Vue异步请求时Spinner不显示，怎么排查原因？
大家好，我在用Vue做数据加载时遇到了问题。点击按钮后要显示Spinner，等API返回再隐藏，但实际点击后Spinner根本没出现，请求结束后也没有自动隐藏…… 我按教程写了组件结构，用v-if绑定...
-
1
回答
57浏览
WangEditor上传图片后无法显示，是什么原因？
在用WangEditor做图片上传功能时遇到了问题，上传成功但图片不显示。按照文档配置了uploadImgServer和customInsertFn，但上传后的图片在编辑器里只显示叉号。 我尝试过检查...
-
2
回答
50浏览
ECharts动态更新地图标记点后缩放和中心位置重置了怎么办？
用ECharts做中国地图可视化时遇到个怪问题，当我通过setData实时更新标记点坐标后，地图会自动跳转回初始视角，缩放和中心位置全没了，该怎么保持之前的视图状态啊？ 我试过这样写代码：<pr...
-
2
回答
20浏览
通知提示排队显示时如何保证队列顺序不混乱？
最近在做消息提示功能，需要实现多个通知排队显示的效果。现在的问题是当快速连续触发多个通知时，虽然队列能正确存入，但前一个通知还没完全消失，下一个就提前显示了，导致视觉上重叠。 我尝试用setTimeo...
-
2
回答
30浏览
Alt键在macOS下触发事件时为何被浏览器拦截？
我正在给导航菜单添加键盘交互，用Alt键+方向键展开子菜单。但发现macOS的Chrome里Alt键完全没反应，换成Ctrl键就正常了，这是为啥？ 我试过在事件监听器里用event.preventDe...
-
2
回答
19浏览
React中Fuse.js搜索为什么总是返回空数组？
在做一个带搜索功能的React组件时，用Fuse.js处理模糊搜索，但输入内容后结果一直是空数组... 代码是这样写的，初始化了Fuse实例，数据格式也检查过了没问题： import Fuse fro...
-
2
回答
57浏览
吸顶导航滚动时位置跳动怎么解决？
最近在做吸顶导航效果，给元素加了fixed定位后，滚动时位置总是跳动，看起来特别卡。我用window.addEventListener('scroll', () => { ... })监听滚动，...
-
2
回答
55浏览
用Vue3和vuedraggable拖拽后元素位置错乱怎么办
最近在用Vue3和vuedraggable做列表拖拽排序，但发现拖拽后元素位置总是显示错乱 比如拖拽第3项到第1位后，视图里显示顺序对了，但实际数据里的selectedItems数组顺序还是原来的 我...
-
1
回答
42浏览
拖拽看板卡片到其他列时，位置总是偏移怎么办？
我在实现看板卡片拖拽时遇到个怪问题，当把卡片拖到不同宽度的列时，它的垂直位置会突然跳动，看起来特别不连贯。 我试过在dragover事件里用客户端坐标计算top值，但不同列宽度导致定位不准。比如左边列...
-
2
回答
61浏览
移动端快捷键监听失效怎么办？移动端监听keydown没反应
我在做可视化编辑器时给元素绑定了Ctrl+C复制快捷键，但测试时发现手机端完全没反应。之前用过document.addEventListener('keydown', ...)在PC端没问题，移动端试...
-
1
回答
45浏览
搜索建议列表在输入空格时会闪现然后消失怎么办？
我在做搜索框的自动建议功能时遇到个怪问题，当用户输入空格（比如搜索“苹果派”）时，建议列表会快速闪现一下就消失了。我用了防抖和实时请求，但没找到原因。 代码结构大概是这样写的：<pre clas...
-
2
回答
19浏览
React中如何实现双指捏合缩放图片时保持中心点位置？
在实现图片双指缩放功能时发现，每次捏合缩放后图片位置会偏移，无法保持双指中心点作为缩放中心。比如用户用两根手指缩放时，图片总是以左上角为轴心缩放。 我尝试监听touchstart和touchend事件...
-
1
回答
44浏览
拖拽元素在网格中移动时如何避免位置跳动？
我在用React实现网格拖拽功能，当拖拽元素靠近网格线时会突然跳动一下，调整过offset和transform还是解决不了，求大佬看看哪里不对： const GridItem = ({ x, y, i...
