gpt4 book ai didi

html - 水平滚动的 svg 元素?

转载 作者:太空宇宙 更新时间:2023-11-04 02:58:58 26 4
gpt4 key购买 nike

我想在我的网页中间放置一个 svg 图像: design mockup

图像应部分水平显示 - 例如,最初应显示图像的 1/3,用户应该能够水平滚动它(以查看剩余的 2/3 部分)。我应该如何实现? (它应该也适用于移动浏览器)。

以防万一这很重要 - 我使用 Material Design Lite作为框架。

更新。应该可以用鼠标/点击滚动它并且应该隐藏滚动条。请参阅 jsfiddle.net/and7ey/pLf5namm/embedded/result/上的演示。

最佳答案

使用overflow-x

svg {
overflow-x: scroll;
}

关于html - 水平滚动的 svg 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31652073/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com