交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
56浏览
移动端滚动回弹动画卡顿怎么解决？
我在给移动端页面做滚动回弹效果时，用CSS transform叠加过渡动画，但滚动到底部回弹时总出现卡顿，特别是在快速滑动后突然松手的情况。尝试过给容器加overscroll-behavior: co...
-
1
回答
29浏览
为什么我的图片懒加载在滚动到底部时会重复加载？
我在做一个图片列表页用懒加载，用Intersection Observer监听，但滚动到页面最底部时，图片会重复触发加载两次。之前试过把阈值改成0.1和调整根边距都不行，控制台还报错说"Cannot ...
-
2
回答
27浏览
列表滑动删除时元素抖动且手势识别不灵敏怎么办？
我在实现列表项滑动删除功能时，用CSS过渡和transform控制元素位移，但滑动过程中元素会轻微抖动，而且手指松开后回弹动画有时不触发。尝试过调整transition属性但没效果，手势触发也不灵敏，...
-
2
回答
36浏览
全局提示组件总被其他元素遮挡怎么办？
我在做一个全局提示组件，用fixed定位放在body里，但发现当页面出现模态框或侧边栏时，提示会被覆盖住。之前试过把z-index设成9999，但好像没起作用... <div class=&qu...
-
1
回答
38浏览
移动端的Smooth Scroll为什么失效了？
大家好，我在给网页加平滑滚动效果时遇到个怪问题。用了scroll-behavior: smooth后，桌面端点击锚点都能平滑滚动，但手机测试直接跳转。我查了CSS优先级没问题，还试过用JavaScri...
-
2
回答
32浏览
Esc键取消功能在弹窗关闭时失效怎么办？
我在做一个带弹窗的组件，点击按钮弹出后按Esc应该关闭，但实际测试时有时候能触发有时候不行。代码是这样写的：document.addEventListener('keydown', handleKey...
-
1
回答
47浏览
移动端触摸拖动元素时位置不准怎么办？
我在给移动端页面做一个图片拖动功能，用touch事件监听。当手指拖动图片时，发现元素移动的位置总是比手指慢半拍，有时候还会出现偏移。试过用touchmove事件获取clientX/Y计算位移，但效果很...
-
1
回答
54浏览
线性进度条在文件上传时卡在50%不动怎么办？
我用axios实现文件上传时，线性进度条显示到50%就卡住不动了，明明文件还在传输。代码里监听了onUploadProgress事件，用progress.value = event.progress更...
-
1
回答
141浏览
Vue点击按钮后引导说明层不消失怎么办？
大家好，我在做一个表单验证的引导提示功能，点击帮助按钮后弹出说明层，但遇到两个问题：点击按钮后说明层能显示，但再次点击按钮无法隐藏；而且点击外部区域时也没反应。我试过用v-if和事件委托，但状态好像没...
-
2
回答
92浏览
Froala编辑器在Vue组件里修改数据后内容没更新
在Vue项目里用Froala编辑器，通过v-model绑定数据后，手动修改数据属性，编辑器内容却不更新。比如点击按钮修改formData.content的值，页面其他地方能显示新内容，但编辑器里还是旧...
-
1
回答
49浏览
Snackbar弹出时被固定定位的侧边栏遮挡，如何调整定位层级？
我在用Snackbar做通知提示时遇到个问题，当弹出Snackbar时，页面右侧的固定定位侧边栏会把提示框完全盖住。已经尝试把z-index设到9999，但没效果。侧边栏的定位是fixed，z-ind...
-
2
回答
46浏览
Vue加载失败后重试按钮点击不更新状态怎么办？
我在用Vue做图片加载功能时，遇到加载失败后重试按钮能显示但点击没反应的问题。代码逻辑是失败时显示重试按钮，点击后重置状态重新加载，但实际点击按钮后loading状态始终没变化： <templa...
-
1
回答
43浏览
为什么对方接收不到我的ICE候选？
我在用WebRTC做点对点视频通话，设置了onicecandidate事件，但对方就是收不到我的候选信息，折腾了好久搞不懂哪里错了。 代码是这样的： pc.onicecandidate = (even...
-
2
回答
34浏览
Notification API请求权限后无法显示通知，控制台无报错怎么办？
我按照教程用Notification.requestPermission()请求了权限，然后用new Notification()创建提示，但在Chrome里点击按钮后没有任何反应，控制台也没报错。我...
-
2
回答
53浏览
表单重置按钮点击后输入框内容没清空怎么办？
我给表单加了重置按钮，但点击后输入框内容没清空，这是为什么呀？ 代码是这样的： <form id="contactForm"> <input type="text" name="us...
-
2
回答
71浏览
可视化编辑器中组件属性和配置表单如何保持双向同步？
我在做可视化配置编辑器时遇到个难题，拖拽组件到画布后，右侧表单显示组件属性。当我修改表单输入时，组件样式没更新。试过用Vue的v-model双向绑定，但发现表单值变化后组件属性没响应。 代码结构大概是...
-
1
回答
38浏览
HLS.js动态切换自适应码率后视频卡住怎么办？
在React项目里用HLS.js实现视频播放，想让前端动态切换不同分辨率的自适应码率。我通过hls.levels获取到可用码率列表，然后在点击事件里调用hls.swapAudioCodec或者hls....
-
2
回答
55浏览
Three.js的3D模型旋转时为什么会卡顿？
最近在用Three.js做3D图表时遇到个问题，当给模型添加自旋动画后，页面滚动就变得卡顿了。模型本身也不算太大，是用glTF加载的，旋转代码也按官方示例写的： function animate() ...
-
2
回答
36浏览
移动端不同按钮触觉反馈强度怎么设置？iOS完全没反应
大家好，我在给电商App的加减按钮做触觉反馈时遇到问题。希望点击加号震动强一点，减号轻一点，但用Vibrate API在iOS上完全没反应... 我试过这样写代码：navigator.vibrate(...
-
2
回答
61浏览
输入框的keydown事件在回车键按下时没反应怎么办？
我给输入框绑定了keydown事件，想用回车触发提交，但按回车完全没反应。其他键比如字母键能正常触发，控制台也没报错。试过把事件改到父元素上还是不行，这是为什么啊？ <input type=&q...
