HarmonyOS 鸿蒙Next list-item中svg不滚动

HarmonyOS 鸿蒙Next list-item中svg不滚动

[list-item]

<svg width="50px" height="50px" viewBox="0 0 1024 1024">
    <path d="M879.476364 470.341818H244.829091L507.112727 209.454545a41.658182 41.658182 0 0 0-58.88-58.88L114.967273 482.676364a41.890909 41.890909 0 0 0 0 58.88l333.265454 333.032727a41.658182 41.658182 0 0 0 58.88 0 41.890909 41.890909 0 0 0 0-58.88L244.829091 553.658182h634.647273a41.658182 41.658182 0 1 0 0-83.316364z" fill="#000000"/>
</svg>

[/list-item]

list滚动时svg不随着滚动，固定不动


更多关于HarmonyOS 鸿蒙Next list-item中svg不滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

开发者你好，请进一步补充描述一下问题详情，比如系统版本信息、问题截图等，感谢！

更多关于HarmonyOS 鸿蒙Next list-item中svg不滚动的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


  • 可先尝试在标签list-Item里面需添加元素item，看是否可以解决。

在HarmonyOS中，如果遇到Next列表项中的SVG（可缩放矢量图形）不滚动的情况，这通常是由于SVG元素或其父容器的样式设置不当导致的。请检查以下几点：

  1. SVG元素定位：确保SVG元素没有使用position: fixed或position: absolute定位，这会导致元素脱离文档流，从而不随列表滚动。

  2. 父容器滚动属性：检查包含SVG的父容器是否具有正确的滚动属性。确保父容器设置了overflow: auto或overflow: scroll，并且其高度或宽度被限制，以便产生滚动条。

  3. 触摸事件处理：如果列表项或SVG元素上绑定了触摸事件处理器，并且这些处理器阻止了默认滚动行为，那么SVG将不会随列表滚动。检查并调整这些事件处理器的行为。

  4. CSS样式冲突：检查是否有其他CSS样式（如transform、will-change等）影响了SVG或父容器的滚动行为。

如果以上检查均无误，但问题依旧存在，可能是HarmonyOS特定的布局或渲染问题。此时，建议直接联系官网客服获取进一步的技术支持。官网地址是：https://www.itying.com/category-93-b0.html，

回到顶部