当前位置：文江博客话题详情

如何使用带有选项卡的 jscrollpane

发布于 2024-11-15 13:29:12 字数 152 浏览 1 评论 0原文

我试图在每个选项卡中使用 jscrollpane，但只有第一个选项卡显示滚动条。请参阅下面的代码：希望有人可以提供帮助，非常感谢。菲利普

$(function() { $('.scroll-pane').jScrollPane(); });

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你与清晨阳光 2024-11-22 13:29:12

我知道这是一个老问题，我认为他指的是 JQueryUI 选项卡功能。
只有可见选项卡获得滚动条是正常的事情，我也有同样的问题。

这是因为其他选项卡被隐藏并且 JScrollPane 无法计算内容的大小。它返回零，因此他决定不在其中放置滚动条。

请看一下这个演示，了解如何将此插件与不可见元素一起使用。

希望有帮助。

回复收藏 0 原文

路弥 2024-11-22 13:29:12

试试这个...

$('#tabs').tabs({
    show : function(event, ui) {
        $(ui.panel).jScrollPane();  
    }       
});

Try this...

$('#tabs').tabs({
    show : function(event, ui) {
        $(ui.panel).jScrollPane();  
    }       
});

回复收藏 0 原文

纸伞微斜 2024-11-22 13:29:12

结果 tabs 函数实际上隐藏了 div，需要通过滚动函数来更改。一个快速解决方法是确保滚动功能优先。

$('#offers_content').jScrollPane(
       {
           verticalTrackHeight :100,
           verticalGutter   : 5
        }).css('padding','10px');   

$("#tabs").tabs();

Turns out the tabs function actually hides the divs, which need to be altered by the scroll function. A quick fix is to ensure the scroll function comes first.

$('#offers_content').jScrollPane(
       {
           verticalTrackHeight :100,
           verticalGutter   : 5
        }).css('padding','10px');   

$("#tabs").tabs();

回复收藏 0 原文