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