Collapse折叠动画高度怎么动态计算？
我用原生JS写了个Collapse组件，但展开时高度固定写死了，内容一多就显示不全。试过用scrollHeight，但动画过程中高度变化会导致卡顿或者闪一下，不知道该怎么平滑处理？
这是我的结构：
<div class="collapse">
<button onclick="toggle()">Toggle</button>
<div class="content" style="height: 0; overflow: hidden; transition: height 0.3s;">
<p>这里是动态内容...</p>
<p>可能有很多行</p>
</div>
</div>- 0
回答
4浏览
Collapse折叠动画在React中为什么高度过渡不生效？
我用React写了个Collapse组件，想实现点击展开/收起时的高度平滑过渡，但动画完全没效果，直接闪现。试过加transition和maxHeight，还是不行，是不是哪里逻辑错了？ 这是我的代码...
- 1
回答
27浏览
Collapse折叠组件的过渡动画为什么只在第一次展开时有效？
我在用Vue写Collapse折叠组件时，给max-height加了transition，但发现动画只在第一次展开时有效，之后收起和再次展开都变成瞬时切换了。试过把高度设成100%也不行，控制台没报错...
- 1
回答
5浏览
Element Plus折叠面板怎么默认展开指定项？
我用Element Plus的Collapse组件做了一个FAQ列表，但不知道怎么让其中某一项默认展开。文档里说可以用v-model绑定激活的面板，但我试了好像没生效，页面加载时还是全部收起的。 我绑...
- 2
回答
50浏览
动态高度长列表滚动时高度计算不准怎么办？
我用React写了一个带不同行数卡片的长列表，用了虚拟滚动后，当展开/折叠卡片时，滚动条总跳来跳去，卡顿还计算不准总高度。 尝试用ref手动测量每个卡片高度，把总高度存在state里，但更新时列表会突...
- 2
回答
200浏览
折叠面板展开时内容不更新怎么办？
在用Ant Design的Collapse组件做动态面板时遇到个怪问题。我通过点击按钮切换面板数据，虽然状态确实更新了，但展开的面板内容还是显示旧数据，完全懵了。 比如点击加载新数据后，面板标题变了但...
- 2
回答
14浏览
虚拟滚动列表高度计算不准怎么办？
我用 React 实现了一个虚拟滚动列表，但 item 的高度是动态的（有的带图有的不带），结果滚动时内容错位、空白或者重叠，特别乱。 试过给每个 item 固定 height: 100px 能正常滚...
- 2
回答
29浏览
Element Plus折叠面板怎么默认展开多个面板？
我用Element Plus的Collapse组件，想让页面加载时默认展开多个面板，但文档里只看到activeNames可以设一个字符串或数组，我试了传数组进去却没生效，控制台也没报错。 我的代码是这...
- 2
回答
69浏览
React动态高度列表滚动卡顿怎么优化？
在用React做商品列表时，每个列表项高度动态变化，滚动到300条左右就明显卡顿。尝试过用固定高度但内容溢出，用useState+useEffect实时计算总高度又导致渲染阻塞，有没有更好的解决办法？...
- 2
回答
87浏览
Vue Collapse组件展开时为什么动画不生效？
我在用Vue写一个折叠面板组件，参考了官方文档用了transition-group包裹内容区域，但展开时内容直接跳出来没有动画效果。已经设置了transition的name属性和CSS过渡样式，收缩时...
- 2
回答
74浏览
rem方案中根字体大小动态计算后页面元素错位怎么办？
我按照教程用JS动态计算rem，但手机旋转屏幕后文字和图片比例不对，有时候文字太大或太小。 代码检查了好几遍没问题，是不是哪里漏了？比如这个计算函数： function setRem() { cons...
暂无解答