交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
134浏览
3D地图加载后无法响应鼠标交互，怎么回事？
我用Mapbox GL JS加载了一个3D地形图，设置了map.dragPan.enable()，但鼠标拖拽完全没反应，缩放也不行。控制台没报错，地图能正常显示，就是动不了。 试过把容器的CSS po...
-
2
回答
121浏览
警告提示框怎么在用户操作后自动消失？
我用 Ant Design 的 message.warning 做了个警告提示，但用户点完按钮后提示一直挂着，得手动关。有没有办法让它在 2 秒后自动消失？ 试过加 duration 参数，但好像没生...
-
2
回答
21浏览
滚动时如何实现元素逐个淡入的动画效果？
我在做页面滚动动画，想让多个卡片在滚到视口时逐个淡入，但目前所有元素一进视口就同时触发了。 我用的是 IntersectionObserver，代码大概是这样： const observer = ne...
-
2
回答
50浏览
文件上传时怎么监听进度条变化？
我用 axios 上传文件，想加个进度条，但 onUploadProgress 回调好像没触发，是我写错了吗？ 试过这样写： axios.post('/upload', file,...
-
2
回答
64浏览
用 sortablejs 拖拽时元素样式错乱怎么办？
我在用 SortableJS 做一个可拖拽的列表，但一拖起来 item 的宽度就变窄了，布局直接崩掉。试过加 fixed 宽度也不行，是不是我 CSS 写得有问题？ 这是我的 item 样式： .dr...
-
2
回答
31浏览
TouchEnd 事件在滑动后不触发是怎么回事？
我在做移动端的滑动手势，监听了 touchstart 和 touchmove，但有时候手指滑动结束时 touchend 根本没触发，这是为啥？ 我试过在 touchmove 里加 event.prev...
-
2
回答
39浏览
拖拽表格行时数据和视图不同步怎么办？
我用原生 JS 实现了表格行的拖拽排序，但拖完之后页面上看起来顺序对了，实际数据数组没变，点保存还是老顺序，这咋整？ 试过在 drop 事件里手动 splice 调整数组，但索引老是算错，特别是跨行拖...
-
2
回答
25浏览
Vue里怎么让回车键触发表单提交？
我在写一个登录页，想让用户在输入框里按回车就能提交，但试了几次都不行。绑了@keyup.enter事件，但有时候没反应，有时候又会刷新页面。是不是哪里写错了？ 这是我的代码： <template...
-
2
回答
51浏览
ECharts 折线图 tooltip 不显示数值怎么办？
我用 ECharts 画了个折线图，但鼠标悬停时 tooltip 完全不显示数值，连默认的提示框都没出来，这是啥情况？ 配置里明明加了 tooltip: { show: true }，也试过把 tri...
-
2
回答
32浏览
文件上传时怎么监听进度条变化？
我用 axios 上传文件，想加个进度条，但 onUploadProgress 回调好像没触发，控制台也没报错。 试过这样写： axios.post('/upload', file...
-
2
回答
32浏览
WebRTC 连接建立后为什么收不到对方的音视频流？
我用 WebRTC 做了一个简单的点对点通话 demo，信令服务器也搭好了，offer/answer 和 ICE candidate 都正常交换了，连接状态也变成 connected 了，但 ontr...
-
1
回答
43浏览
Sortable.js 拖拽后数据没更新怎么办？
我用 Sortable.js 做了个列表拖拽排序，视觉上能拖动，但背后的数组数据没跟着变，这咋整？ 我试过在 onEnd 回调里手动 splice 调整数组，但顺序总是不对，是不是哪里搞错了？ con...
-
2
回答
25浏览
React列表渲染时key值用index有什么问题？
我最近在用React写一个待办事项列表，发现用index当key的时候，删除中间某一项，后面的项动画会错乱，而且输入框内容好像会串掉。是不是不能用index做key啊？ 我试过改成用id，但有些临时数...
-
1
回答
27浏览
contenteditable 光标位置怎么总是乱跳？
我在用 contenteditable="true" 做一个简单的富文本编辑器，但每次输入完内容或者插入 HTML 后，光标就会莫名其妙地跳到开头或者末尾，根本没法连续编辑。 我试过用 documen...
-
2
回答
33浏览
Chart.js 鼠标悬停时怎么自定义 tooltip 样式？
我用 Chart.js 画了个折线图，但默认的 tooltip 太丑了，想改一下背景色和字体大小，试了文档里的 options.plugins.tooltip 回调，但样式根本没变，是不是哪里写错了？...
-
2
回答
24浏览
加载状态的最小展示时间怎么控制才不闪屏？
我在做列表数据加载时，加了个 loading 状态，但数据回来太快的话 loading 一闪而过，用户根本看不清，体验很怪。有没有办法让 loading 至少显示 300ms 再消失？ 我试过用 se...
-
2
回答
70浏览
drop事件为什么不触发？拖拽后没反应怎么办
我在做一个简单的拖拽上传功能，元素能正常dragstart，但放到目标区域时drop事件完全不触发，控制台也没报错，是不是漏了什么关键步骤？ 我试过给目标元素加了ondrop和ondragover，但...
-
2
回答
27浏览
移动端捏合缩放怎么实现才不会冲突？
我在做一个图片查看器，想支持双指捏合缩放，但加上手势后和页面本身的滚动、双击缩放老是冲突。 试过用 touch-action: none 禁用默认行为，结果整个页面都不能滑动了。有没有办法只禁用缩放相...
-
2
回答
37浏览
AntV G2Plot 折线图怎么设置Y轴从0开始？
我用 AntV G2Plot 的 Line 图表展示数据，但 Y 轴总是自动缩放，最小值不是 0，导致趋势看起来很夸张。明明数据里有接近 0 的值，但图表底部留了一大截空白，看着特别别扭。 我试过在 ...
-
1
回答
32浏览
局部提示框怎么只在当前组件区域显示？
我在用 React 做一个表单页面，想在输入框校验失败时，在输入框下方显示一个红色的小提示。但用了全局的 Toast 或 Notification 组件后，提示总是出现在页面顶部或角落，根本不是我想要...
