交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
14浏览
拖拽元素时位置偏移抖动怎么优化？
用原生JS做列表项拖拽时，拖动元素总会出现几像素的位置偏移，拖动起来特别卡顿。试过设置position: fixed和实时更新top/left，但拖动结束回弹的时候还是会抖一下。 代码是这样写的： l...
-
1
回答
10浏览
React滚动百分比指示器数值跳变怎么办？
我在做页面滚动指示功能时遇到了问题，当快速滚动时百分比数值会突然跳变，不太流畅。我尝试用window.scrollY除以文档高度计算，但感觉响应不及时。 这是我的组件代码： import { useS...
-
1
回答
23浏览
Canvas绘制折线图时，线条总是超出容器边界怎么办？
在用Canvas画折线图时遇到了怪问题，设置好容器宽高后，线条总会从右边和底边溢出。我试过给canvas加了max-width:100%，还用flex布局包裹容器，但效果没变化。 这是我的CSS代码：...
-
1
回答
20浏览
加载状态重试按钮样式错乱怎么解决？
在实现带加载状态的重试按钮时，点击触发加载动画后文字位置突然偏移，怎么调整才能保持布局稳定？ 我用绝对定位包裹加载图标，但文字和图标会重叠，尝试过这样写CSS： .retry-btn { positi...
-
1
回答
113浏览
Vue的Transition组件子元素动画没反应怎么办？
在用Vue的v-for循环列表时，给transition组件设置了name和mode，但删除元素时只有第一个元素有动画，其他子元素直接消失，这是为啥啊？ 代码是这样的：<transition-g...
-
1
回答
18浏览
成功提示框在页面底部居中时为什么只水平居中不垂直？
大家好，我在做一个表单提交成功后的提示框，想让它固定在页面底部居中显示。用了position: fixed后，虽然水平方向能居中，但垂直方向总贴不到底边，还留了空白。试过调整margin和transf...
-
1
回答
18浏览
Vue中使用STOMP连接WebSocket时，为什么总提示连接被拒绝？
我正在用Vue+Stomp.js实现一个聊天功能，按照文档配置了SockJS和STOMP，但连接一直报错"WebSocket connection to 'ws://localhost:8080/so...
-
1
回答
15浏览
表单提交成功提示被页面滚动条挡住怎么办？
我给注册表单加了提交成功的弹窗提示，用了position: fixed定位在右下角。但当页面有垂直滚动条时，弹窗会被滚动条遮住一部分，调整过right: 20px还是不行。试过给body加paddin...
-
1
回答
13浏览
为什么用Vue导出Excel时，表格中文显示乱码？
用Element UI的export方法导出Excel，中文单元格全显示乱码，已经设置了responseType和charset还是没用... 代码是这样的：<el-table :data="t...
-
2
回答
18浏览
滚动指示条跟随时为什么会卡顿不流畅？
在做单页导航时，想让指示条跟随滚动位置移动。用window.addEventListener('scroll')监听滚动，通过计算scrollTop的位置来更新指示条left值，但滚动时总感觉卡顿不流...
-
2
回答
12浏览
加载失败时重试按钮没反应怎么办？
大家好，我在做一个图片加载组件时遇到了问题。当图片请求失败后，我按规范显示了错误提示和重试按钮，但点击重试按钮完全没反应，控制台也没有报错。 我用axios发起请求时这样写的： this.axios....
-
1
回答
16浏览
属性面板联动时数据不同步怎么办？
最近在做可视化编辑器的属性面板，当拖拽组件到画布后，属性面板的样式设置框没有实时更新数据，手动修改又会覆盖原有值。试过用事件监听同步，但发现频繁操作时数据会错乱，有没有更好的解决办法？ 比如选中一个文...
-
1
回答
16浏览
多文件上传时如何同时获取文件名和文件对象？
我现在在做一个多文件上传功能，用户选多个文件后，想同时获取文件名数组和每个文件的File对象。但发现当用户选了多个文件后，input的files属性虽然能拿到FileList，但直接console.l...
-
1
回答
15浏览
为什么PixiJS精灵跟随鼠标移动时会有延迟和卡顿？
我在用PixiJS实现鼠标跟随的精灵动画时，发现移动明显卡顿，尤其是在快速拖动鼠标时。按照教程用app.renderer.view.addEventListener('mousemove')直接更新精...
-
1
回答
16浏览
点击确认弹窗后怎么阻止删除操作执行？
我在做一个删除功能时遇到问题，给删除按钮绑定了点击事件，用了confirm弹窗确认，但不管点确定还是取消都会执行删除操作。我明明写了if判断，这是哪里出错了？ 代码是这样的： document.que...
-
2
回答
12浏览
拖拽看板任务时，如何解决元素位置偏移问题？
我在用Vue3和Element Plus实现看板拖拽功能时遇到个怪问题：当拖拽任务卡片到不同列时，元素的位置总是比鼠标指针偏移大概20px。我试过在draggingClass里加transform: ...
-
2
回答
16浏览
Leaflet地图标记显示在错误位置怎么办？
在用Leaflet给地图添加标记时，明明坐标是对的，但标记总偏移到海里去了。我检查了好几遍经纬度数值没问题，初始化地图和标记的代码是这样的： const map = L.map('map').setV...
-
1
回答
22浏览
React中scroll事件触发的动画为什么会有延迟和卡顿？
我用React做页面滚动动画时遇到了问题。当我用window.addEventListener('scroll')监听滚动位置，并用useState更新动画数值时，动画总会有半秒左右的延迟，滑动页面时...
-
1
回答
30浏览
Nivo折线图更新数据后为什么没有重新渲染？
我用Nivo的Line组件做动态数据展示，用useState维护数据，但修改数据后图表没变化。虽然console.log显示数据更新了，但折线图还是老数据。试过强制设置key值和调用forceUpda...
-
1
回答
18浏览
Vue表单输入的JSON数据在预览时无法正确格式化怎么办？
在做表单数据预览功能时，用户输入JSON字符串到textarea，我用v-model绑定到data.jsonData。但直接显示时，数据都挤成一行： <template> <text...
