Scrollpane没有在一个div上工作但在另一个div上 - 都是动态内容

时间:2014-03-17 04:01:19

标签: jquery css jscrollpane

看了几个小时......滚动窗格正在处理div(#search_results),但是在另一个通过Ajax动态加载内容的div上没有,尽管重新滚动了滚动窗格。您可以在130.95.21.121/museum/search.php

看到该网站

单击System复选框并选择消化系统,然后在下一个菜单中选择Liver并单击搜索。您将看到该div(#search_results)中的scrollpane正常显示。然后单击#search_results div中的几个链接以获取一些内容超过内容加载的#specimen_content_left(例如T56.M57413)。尽管有溢出:在该div上自动并使用<p></p>将动态内容包装为:

$('#search_results').on('click', '.specimen_link', function(){
$.ajax({
        type: "POST",
        url: 'scripts/get_specimen.php',
        data: {
            specimen: $(this).attr("data-link"),
        },
        success: function(data) {
            $('#specimen_content_left').html('<p>' + data + '</p>');
            $('#specimen_content_left').jScrollPane({autoReinitialise: true});
            }
});
});

溢出显示为Firefox检查器中隐藏的内容。尝试设置overflow:auto !important和标准滚动条显示,但没有滚动窗格。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

jscrollpane不是这个问题的答案,但仍然是一个解决方案。

我决定使用Malihu Jquery自定义内容滚动条,效果很好。强烈建议将此作为滚动窗格的替代方案,在这里,Github或开发人员似乎没有太多的积极支持。您可以从http://manos.malihu.gr/jquery-custom-content-scroller/

获取