#search_results
尽管已经重新设置了滚动窗格,scrollpane却在一个div()上工作,但是在通过Ajax动态加载内容的另一个div上却没有工作。您可以在以下位置查看该网站130.95.21.121/museum/search.php
单击系统复选框,然后选择消化系统,然后在下一个菜单中选择肝脏,然后单击搜索。您将看到该滚动窗格在该div(#search_results
)中显示良好。然后单击#search_results div中的一些链接,以使某些内容比#specimen_content_left
内容加载的时间更长(例如T56.M57413)。尽管在该div上有overflow:auto并使用<p></p>
as包装动态内容:
$('#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
并显示标准滚动条,但没有滚动窗格。
有任何想法吗?
用jscrollpane不能解决这个问题,但是可以解决。
我决定使用Malihu Jquery自定义内容滚动条,并且效果很好。强烈建议您使用它作为滚动窗格的替代方案,在这里,无论是Github还是开发人员,它似乎都没有太多的积极支持。您可以从http://manos.malihu.gr/jquery-custom-content-scroller/获取
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句