iframe 上的 Jquery 自定义滚动条
我正在寻找一个可靠的跨浏览器 Jquery 自定义滚动条插件，可以与 iframe 很好地配合。有谁有好的插件和解决方案吗？
I'm looking for a solid cross-browser Jquery custom scroll bar plugin that plays nice with iframes. Does anyone have a nice plugin and a solution?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
很大程度上取决于上下文：
如果您可以控制 iframe 的内容，那么这就是一件容易的事情。
我已经成功使用 http://livepipe.net/ 。
自定义滚动条通常通过将内容放置在 a 中，然后通过 javascript 相对于父 div 移动该元素来工作。
编辑1：
这是详细信息页面。只需开始编辑值即可。 http://livepipe.net/control/scrollbar
加载页面时您就会知道它是正确的不是在 iframe 中，无论高度如何，精美的滚动条都是浏览器视口高度的 100%。
还可能值得添加一个函数来重新计算对象的高度和高度。调整窗口大小时底部控件的位置。不过，使用 jQuery 比使用 PrototypeJS 更容易做到这一点。
编辑2：
这是我编写的一个工作示例：
http://pastebin.com/gvtnLANQ
Depends greatly on the context:
If you have control over the content of the iframe, then it's an easy thing to do.
I've used http://livepipe.net/ with success.
Custom scrollbars typically work by placing content in a , then moving that element relative to a parent div by javascript.
EDIT 1:
This is the detail page. Just start editing the values. http://livepipe.net/control/scrollbar
You'll know you have it right when loading your page not in an iframe, the fancy scrollbars are 100% the height of your browser viewport no matter the height.
It might also be worth adding a function to recalculate the height of the objects & the positioning of the bottom control on window resize. Although, that's easier to do with jQuery than in PrototypeJS.
EDIT 2:
Here's a working example I cooked up:
http://pastebin.com/gvtnLANQ
试试这个非常酷的插件。它有助于消除对滚动条的需求： https://github.com/Ashwell/jquery-scrollThis
Try this really cool plugin. It helps eliminate the need for a scroll bar: https://github.com/Ashwell/jquery-scrollThis