【问题标题】:Jquery custom scroll bar on an iframeiframe 上的 Jquery 自定义滚动条
【发布时间】:2011-07-14 05:18:52
【问题描述】:

我正在寻找一个可靠的跨浏览器 Jquery 自定义滚动条插件,它与 iframe 配合得很好。谁有好的插件和解决方案?

【问题讨论】:

    标签: javascript jquery html jquery-plugins scrollbar


    【解决方案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

    【讨论】:

    • 我的情况是第二种选择:我在我的网站上构建了其他人的内容。框架有一个固定的高度,我想设置由此产生的滚动条的样式。
    • 好,假设你以前看过一点 Prototype/Scriptaculous/jQuery,你会没事的。
    • 可以使用任何 jquery 滚动条插件来完成。为 iframe 隐藏溢出并申请 iframe 内的任何 div。我也这样做了。
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2015-05-21
      • 1970-01-01
      • 2014-05-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-02
      • 2014-10-26
      • 1970-01-01
      相关资源
      最近更新 更多