交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
14浏览
虚拟滚动到中间位置时列表内容突然跳动怎么办？
我在用虚拟滚动渲染长列表时发现，当快速滚动到中间区域后松手，列表内容会突然向上跳动10-20px，但滚动到底部正常。我按网上的方案用了IntersectionObserver，调整了start和end...
-
1
回答
15浏览
Vue二次确认弹窗时表单怎么还是会直接提交？
大家好，我在做一个表单删除操作的二次确认功能，但发现即使弹出confirm对话框，表单还是会直接提交了... 代码是这样的：<form @submit="handleDelete"> &l...
-
1
回答
9浏览
右键菜单阻止不了，自定义菜单被默认菜单挡住怎么办？
在做图片画布编辑功能时，我给绑定了右键菜单事件，想用自定义菜单替换默认菜单。但实际测试时，自定义菜单刚显示就被默认菜单挡住，试过event.preventDefault()但没用。 代码是这样的： &...
-
2
回答
24浏览
为什么我的可视化编辑器组件拖拽后无法正确显示位置？
我在开发可视化编辑器时，用HTML5拖拽API实现组件库拖拽到画布的功能，但每次拖拽结束后组件位置总偏移了100px。我检查过事件监听和坐标计算逻辑，代码看起来没问题： element.ondrags...
-
2
回答
35浏览
为什么TweenMax的动画在移动端卡顿不流畅？
大家好，我在用TweenMax做移动端页面滑动动画时，发现iOS设备上动画特别卡顿，明明设置了ease参数和缓动曲线啊。 我尝试过这样写动画： // 使用TweenMax移动元素 TweenMax.t...
-
2
回答
59浏览
React中动态更新SVG path路径数据后图形没变化怎么办
我在用React画SVG折线图的时候遇到个奇怪问题，当通过输入框动态修改坐标数组后，虽然状态更新了但path路径就是不重新渲染。比如我改了第三个点的Y坐标，其他点都正常就是最后一个点不动。 impor...
-
2
回答
26浏览
为什么keypress事件检测到的大写字母显示为小写？
我给输入框绑定了keypress事件，想记录用户输入的每个字符。但发现当按下Shift+字母键时（比如Shift+A），event.key返回的始终是小写字母"a"，而不是预期的大写"A"。这该怎么正...
-
2
回答
19浏览
文件上传同时限制类型和大小时为啥冲突了？
在做图片上传功能时，我想同时限制只能选图片文件且不超过2MB。用了HTML的accept和size属性，但发现选PDF时size限制居然失效了？这是为啥？ 代码是这样写的： <input typ...
-
2
回答
41浏览
GSAP ScrollTrigger动画在移动端触屏滚动时触发不及时怎么办？
我在用GSAP和ScrollTrigger做页面滚动动画时遇到个怪问题，移动端触屏滚动时动画总是比预期晚半秒触发，PC端鼠标滚轮没问题。我尝试过调整start: 'top 80%'的百分比和设置ant...
-
1
回答
98浏览
Modal弹窗在移动端点击确认后页面跳转但没关闭怎么办？
我在移动端用Vue写了一个Modal弹窗，当用户点击确认按钮提交表单后应该跳转到新页面，但发现跳转成功后弹窗没有自动关闭。之前在PC端测试没问题，移动端却出现这种情况。尝试过在submitForm里手...
-
2
回答
63浏览
Skeleton骨架屏切换时为什么会突然跳动？布局如何平滑过渡？
我在用React实现Skeleton加载骨架屏时遇到问题，当真实内容加载完成后，骨架屏和真实内容会同时闪烁一下再切换，布局出现明显跳动。 我尝试给骨架屏和内容容器都设置了相同的宽高和padding，但...
-
2
回答
39浏览
WebSocket心跳检测如何避免频繁断开？
在开发实时聊天功能时，我给WebSocket加了心跳检测，但每隔10分钟还是会被断开。已经用setInterval()每30秒发送心跳，服务端超时设置是35秒，这是哪里出了问题？ 代码是这样的：let...
-
2
回答
34浏览
OpenLayers动态加载GeoJSON图层不显示怎么办？
大家好，我在用OpenLayers做地图应用时遇到个怪问题。按照文档写了动态加载GeoJSON的代码，但图层就是不显示，控制台也没报错... 场景是这样的：我先用fetch获取本地GeoJSON文件，...
-
2
回答
89浏览
实时搜索时输入框边框在移动端显示不全怎么办？
大家好，我在做实时搜索功能时遇到个怪问题。输入框在PC端显示正常，但移动端测试时底部边框总会被截断一段，像这样： .search-input { flex: 1; padding: 8px; bord...
-
2
回答
16浏览
为什么我的GSAP动画在移动端点击时没有触发？
我在用GSAP做按钮点击动画，PC端点击没问题，但移动端点击完全没反应。代码是这样写的： const btn = document.querySelector('.btn'); g...
-
1
回答
34浏览
多步骤表单的步骤指示器高亮样式失效怎么办？
我在做多步骤表单时，给步骤指示器加了.active类的高亮样式，但切换步骤时样式完全没反应... 代码结构是这样的，用ol做步骤导航： .steps ol { display: flex; gap: ...
-
2
回答
29浏览
为什么我的drop事件触发后拿不到拖拽文件数据？
我在做一个文件拖拽上传的功能，给div绑定了dragover和drop事件。但发现当文件拖进区域时，drop事件里的e.dataTransfer.files一直是空的。已经试过在dragover里调用...
-
1
回答
39浏览
富文本工具栏按钮状态无法根据选中内容动态更新怎么办？
我在给编辑器实现粗体按钮时，监听selectionchange事件后按钮状态一直没变化： document.addEventListener('selectionchange', function()...
-
2
回答
92浏览
WebSocket自动重连时为什么会触发多次连接？
我在开发聊天功能时用了WebSocket，设置自动重连后发现控制台频繁报错"WebSocket is already connecting"。明明设置了断线才触发重连，但断开后却出现多个重复连接......
-
2
回答
43浏览
抽屉编辑时如何保持数据与父组件同步？
在用Ant Design的Drawer做表单编辑时，修改数据后关闭抽屉，父组件的表格数据没及时更新，是什么问题啊？ 我这样写的：父组件通过useState保存数据列表，点击编辑按钮时把当前行数据传给D...
