在ios上显示水平滚动条

/* 容器元素样式 */
.scroll-container {
    overflow-x: auto; /* 启用水平滚动 */
    -webkit-overflow-scrolling: touch; /* 优化iOS触摸滚动 */
}

/* 强制显示滚动条 */
.scroll-container::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 8px; /* 滚动条高度 */
}

.scroll-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5); /* 滚动条颜色，可自定义 */
    box-shadow: 0 0 1px rgba(255,255,255,.5); /* 滚动条阴影，可自定义 */
}

<div class="scroll-container">
    <div class="scroll-content">
        <!-- 这里放置你的内容，确保内容宽度超出容器宽度，以触发滚动 -->
        <img src="example.jpg" alt="示例图片" style="width: 1200px;">
    </div>
</div>