Question

我已经看了一遍堆栈，也许我没有看到它，但我遇到了Jscrollpane的问题。我有一些代码弹出一个div并用数据库中的内容加载它：

$('.jobDetails').live('click', function() {

var showID = $(this).attr('id');

$.get('../internal/databaseInfo.cfm?getMoreInfo&' + (new Date()).getTime(),{showID:showID}, function(data,status) { 
        $('#showMore' + showID).toggle(),
        $('.moreJobDetails').not('#showMore' + showID).hide();
        $('#showMore' + showID).html(data);
       $('.scroll-pane').jScrollPane();       
    });

});

问题是，当div加载内容时，它会在正确的高度切断它，但滚动条没有显示。我是否将jscrollpane代码放在上面的正确位置？

Answer 1

jScrollPane可以与动态内容区一起使用。有一些属性/方法可以实现这一点： -

autoReinitialise：每隔'autoReinitialiseDelay'毫秒自动重新初始化scrollBar。感谢Eric Imthorn jScrollPane autoReinitialise and animateScroll

或者，您可以使用“重新初始化”，如http://jscrollpane.kelvinluck.com/dynamic_content.html

所示

Answer 2

我有同样的问题，这是我的代码首先初始化它：

$('.p_desc').jScrollPane();

我通过添加 - autoReinitialise: true来修复它 - 现在它看起来像这样并且完美地运行

$('.p_desc').jScrollPane({ autoReinitialise: true });

Answer 3

这不是你问题的答案。但是，如果我正确地读取您的代码，您是否尝试将内容写入启用JScrollbar的区域并使滚动条动态生效？

如果我是对的，我必须告诉你它不起作用。我有完全相同的问题，经过几个小时的体验，我发现JScrollbar似乎很高兴当页面加载时有内容。它似乎不喜欢动态ajax样式加载。

............但是，我仍然在寻找一种解决方法： - ）

jscrollpane没有滚动条

3 个答案: