jScroll窗格响应布局问题

Question

希望有人能帮忙...

目前，我正在使用jScrollpane处理项目的自定义滚动条。

布局是响应式的，填充div的内容是动态生成的。 调整浏览器大小时，除了一些笨拙的行为外，其他一切都很好。 我正在使用autoReintialise来监视高度和宽度的任何变化。 再次-在大多数情况下都可以正常工作。

我的问题是，当我拖动浏览器窗口并且div的宽度扩大时，似乎任何应用了jScroll的div的滞后都非常严重。 稍有延迟，然后在调整div大小时赶上了div的宽度-一点都不流畅。

我的代码位于javascript文件中处理动态内容的函数内。 它几乎是jScrollpane站点中示例的直接副本：

function jscroll_refresh() {

var settings = {
    autoReinitialise: true
};
var pane = $(".scroll-pane");
pane.each(
function()
{
    $(this).jScrollPane(settings);

     var api = pane.data('jsp');
            var throttleTimeout;
            $(window).bind(
                'resize',
                function()
                {
                    if (!throttleTimeout) {
                        throttleTimeout = setTimeout(
                            function()
                            {
                                api.reinitialise();
                                throttleTimeout =null;

                            }
                        );
                    }
                }
            );
    });
}

还有其他人遇到这个问题吗？ 其他建议，如jScroll的插件？ 谢谢！

Answer 1

找到了！

这是jScrollpane的css中的内容，而不是javascript。

.scroll-pane{width: 100% !important;height: 93%;overflow: auto;}
.jspContainer{overflow:hidden;position:relative;height:100% !important; width: 100%      !important;}
.jspPane{position:absolute;width: 100%!important;}

我认为jScroll试图不断地计算调整大小的宽度（以像素为单位）-这是强制百分比，从而使窗格容器的调整大小更加平滑。