交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
70浏览
全局快捷键监听导致其他输入框无法输入怎么办？
在React项目里实现全局快捷键Ctrl+S触发保存功能时，发现输入框里按Ctrl+S会同时触发保存和输入下划线。试过用event.preventDefault()，但其他页面的搜索框输入斜杠时也会被...
-
2
回答
92浏览
为什么我的WebRTC视频通话只能单向传输？
在React项目里用WebRTC实现视频通话，发送方能正常显示自己画面，但接收方始终只能看到黑屏。我检查过摄像头权限和网络状态都正常，信令通道也确认数据在传递了。 这是我的PeerConnection...
-
2
回答
86浏览
移动端信息提示框内容被截断怎么办？
我在做表单提交的提示反馈时，用固定定位的弹窗显示错误信息，但移动端竖屏时内容总是被截断显示不全。已经试过设置max-width: 90%和padding: 1rem，但长文本还是会被截断... <...
-
2
回答
63浏览
Mapbox自定义样式后图层消失怎么解决？
在Vue项目里用Mapbox GL做地图应用，加载自定义JSON样式后道路和建筑图层突然不显示了，之前用默认样式没问题。试过在样式文件里给road和building图层设置paint属性，但地图上还是...
-
2
回答
80浏览
移动端捏合缩放手势缩放比例计算不准怎么办？
在移动端实现图片捏合缩放时，我按照教程用touchstart和touchend事件计算两点距离，但缩放比例总忽大忽小，而且图片位置会偏移。我试过保存初始距离和当前距离差值，但效果还是不连贯： let ...
-
2
回答
89浏览
移动端滚动回弹动画卡顿怎么解决？
我在给移动端页面做滚动回弹效果时，用CSS transform叠加过渡动画，但滚动到底部回弹时总出现卡顿，特别是在快速滑动后突然松手的情况。尝试过给容器加overscroll-behavior: co...
-
2
回答
46浏览
为什么我的图片懒加载在滚动到底部时会重复加载？
我在做一个图片列表页用懒加载，用Intersection Observer监听，但滚动到页面最底部时，图片会重复触发加载两次。之前试过把阈值改成0.1和调整根边距都不行，控制台还报错说"Cannot ...
-
2
回答
51浏览
列表滑动删除时元素抖动且手势识别不灵敏怎么办？
我在实现列表项滑动删除功能时，用CSS过渡和transform控制元素位移，但滑动过程中元素会轻微抖动，而且手指松开后回弹动画有时不触发。尝试过调整transition属性但没效果，手势触发也不灵敏，...
-
2
回答
69浏览
全局提示组件总被其他元素遮挡怎么办？
我在做一个全局提示组件，用fixed定位放在body里，但发现当页面出现模态框或侧边栏时，提示会被覆盖住。之前试过把z-index设成9999，但好像没起作用... <div class=&qu...
-
2
回答
62浏览
移动端的Smooth Scroll为什么失效了？
大家好，我在给网页加平滑滚动效果时遇到个怪问题。用了scroll-behavior: smooth后，桌面端点击锚点都能平滑滚动，但手机测试直接跳转。我查了CSS优先级没问题，还试过用JavaScri...
-
2
回答
112浏览
Esc键取消功能在弹窗关闭时失效怎么办？
我在做一个带弹窗的组件，点击按钮弹出后按Esc应该关闭，但实际测试时有时候能触发有时候不行。代码是这样写的：document.addEventListener('keydown', handleKey...
-
2
回答
78浏览
移动端触摸拖动元素时位置不准怎么办？
我在给移动端页面做一个图片拖动功能，用touch事件监听。当手指拖动图片时，发现元素移动的位置总是比手指慢半拍，有时候还会出现偏移。试过用touchmove事件获取clientX/Y计算位移，但效果很...
-
2
回答
186浏览
线性进度条在文件上传时卡在50%不动怎么办？
我用axios实现文件上传时，线性进度条显示到50%就卡住不动了，明明文件还在传输。代码里监听了onUploadProgress事件，用progress.value = event.progress更...
-
2
回答
170浏览
Vue点击按钮后引导说明层不消失怎么办？
大家好，我在做一个表单验证的引导提示功能，点击帮助按钮后弹出说明层，但遇到两个问题：点击按钮后说明层能显示，但再次点击按钮无法隐藏；而且点击外部区域时也没反应。我试过用v-if和事件委托，但状态好像没...
-
2
回答
112浏览
Froala编辑器在Vue组件里修改数据后内容没更新
在Vue项目里用Froala编辑器，通过v-model绑定数据后，手动修改数据属性，编辑器内容却不更新。比如点击按钮修改formData.content的值，页面其他地方能显示新内容，但编辑器里还是旧...
-
2
回答
65浏览
Snackbar弹出时被固定定位的侧边栏遮挡，如何调整定位层级？
我在用Snackbar做通知提示时遇到个问题，当弹出Snackbar时，页面右侧的固定定位侧边栏会把提示框完全盖住。已经尝试把z-index设到9999，但没效果。侧边栏的定位是fixed，z-ind...
-
2
回答
71浏览
Vue加载失败后重试按钮点击不更新状态怎么办？
我在用Vue做图片加载功能时，遇到加载失败后重试按钮能显示但点击没反应的问题。代码逻辑是失败时显示重试按钮，点击后重置状态重新加载，但实际点击按钮后loading状态始终没变化： <templa...
-
1
回答
77浏览
为什么对方接收不到我的ICE候选？
我在用WebRTC做点对点视频通话，设置了onicecandidate事件，但对方就是收不到我的候选信息，折腾了好久搞不懂哪里错了。 代码是这样的： pc.onicecandidate = (even...
-
2
回答
71浏览
Notification API请求权限后无法显示通知，控制台无报错怎么办？
我按照教程用Notification.requestPermission()请求了权限，然后用new Notification()创建提示，但在Chrome里点击按钮后没有任何反应，控制台也没报错。我...
-
2
回答
91浏览
表单重置按钮点击后输入框内容没清空怎么办？
我给表单加了重置按钮，但点击后输入框内容没清空，这是为什么呀？ 代码是这样的： <form id="contactForm"> <input type="text" name="us...
