如何在 SVG 中获取多个内容的 ScrollBars
我想要一个包含四个 SVG 内容的容器 SVG。现在，这四个 SVG 内容的内容超出了容器 SVG 中分配给它们的区域的容量，因此我要求滚动条自动出现，以便用户可以通过滚动看到完整的 svg 内容。
我尝试通过添加属性宽度和高度来建立新视口，但滚动条没有出现。我什至尝试使用具有滚动和自动值的溢出属性，但仍然没有出现滚动条。
这个问题的正确解决方案是什么？
I want to have a container SVG which contain four SVG contents. Now these four SVG content has more content than can fit in the area allocated to them within the container SVG, hence I require that scrollbars appear automatically so that the full svg content can be seen by the user by scrolling.
I have tried establishing new viewports by adding the attributes width and height but scroll bars do not appear. I even tried using the overflow property with values of scroll and auto but still scrollbars do not appear.
What is the correct solution to this problem ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
目前的答案是您需要提供自己的平移/滚动功能，除了可能通过foreignObject将其包装在另一个html容器中（这可能不是最佳的）之外，没有办法在svg内部获取滚动条。
以下是一些可帮助您开始使用自定义 svg 滚动条的资源：
At the moment the answer is that you need to provide your own panning/scrolling functions, there's no way to get scrollbars inside of the svg apart from possibly wrapping it inside another html container via foreignObject (which would likely be suboptimal).
Here are some resources to get you started with custom svg scrollbars: