iframe上的Jquery自定义滚动条

Question

我正在寻找一个可靠的跨浏览器Jquery自定义滚动条插件，可以很好地使用iframe。有没有人有一个很好的插件和解决方案？

Answer 1

在很大程度上取决于具体情况：

• 您是否要创建一个iframe，其中包含其他人可以在其网站上放置的样式滚动条？
• 或者您是否尝试通过iframe设置其他人的内容？

如果您可以控制iframe的内容，那么这很容易。 我已成功使用http://livepipe.net/。

自定义滚动条通常通过将内容放在a中，然后通过javascript将该元素相对于父div移动来工作。

编辑1：

这是详细信息页面。刚开始编辑值。 http://livepipe.net/control/scrollbar

在iframe中加载页面不是时，您就知道自己拥有它，无论高度如何，花哨的滚动条都是浏览器视口的高度的100％。

可能还需要添加一个函数来重新计算对象的高度。底部控件在窗口调整大小的位置。虽然，使用jQuery比使用PrototypeJS更容易。

编辑2： 这是我做的一个工作示例： http://pastebin.com/gvtnLANQ

Answer 2

试试这个非常酷的插件。它有助于消除对滚动条的需求：https://github.com/Ashwell/jquery-scrollThis