主题化 iframe 滚动条
所有，
在我们的 Web 应用程序中，我们有一个加载 SVG 的 iFrame。当用户使用 Web 应用程序中的控件放大 SVG 时，浏览器会自动添加滚动条。现在我们想要为这个“动态”滚动条设置主题，以便它的外观与界面的其余部分保持一致。
我查看了 jquery 中的一些选项，例如 'jscrollpane' & 'jquery 自定义滚动条'，但是，我们的问题是我们正在将 ECMA 脚本与我们的SVG，而 jquery 是基于 javascript 的，不用说，我们无法使用基于 jquery 的解决方案来主题化滚动条。有没有人对可以主题化 iFrame 滚动条的替代方案有任何建议？
非常感谢，
All,
In our web application, we have an iFrame that loads SVG. The browser automatically add the scroller bar when the user zooms into the SVG using the controls in our web application. Now we want to theme this 'dynamic' scrollbar so that it's look is in line with the rest of the interface.
I have looked at a few options in jquery such as the 'jscrollpane' & 'jquery custom scrollbar', however, our problem is that we are using ECMA script with our SVG, whereas jquery is javascript based, needless to say, we are unable to theme the scrollbar using the jquery based solutions. Has anyone any suggestions of alternatives that could theme the iFrame scrollbar?
many thanks,
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
影响正常滚动条的唯一方法是使用 Microsoft IE 特定属性。
您可以在此处查看更多信息 http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties。 php3
但是 probabrlu 并不适用于所有浏览器。
另一种方法是使用滚动条组件，该组件使用 Overflow:hidden + javascript 创建您自己的滚动条。
我不知道有哪些适用于 SVG 的。
您所使用的 jQuery 示例使用了后面的技术，它不是普通的浏览器滚动条，而是 div 层和图像。
在您的情况下，如果您将 iram 放置在使用 jQuery 解决方案滚动的 div 中，您也许可以使用它们。然后使 iframe 与 SVG 一样大，这样就可以在 div 层内滚动整个 iframe 窗口。
The only way to affect the normal scrollbars are using Microsoft IE specific proerties.
You can see more here http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3
But that probabrlu do not work in all browsers.
The alternative is to use a scrollbar component that uses overflow:hidden + javascript to create your own scrollbar.
And I do not know of any of those for SVG.
The examples for jQuery you ha uses this later tecnique, it's not the normal browser scrollbars but rather div layers and images.
In your case you might be able to use them if you place the ifram inside a div that uses the jQuery solution to scroll. Then make the iframe as large as the SVG, that way you scroll the whole iframe window within the div layer.