Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jScroll窗格响应布局问题_Javascript_Jquery_Responsive Design_Jscrollpane_Jquery Jscrollpane - Fatal编程技术网

Javascript jScroll窗格响应布局问题

Javascript jScroll窗格响应布局问题,javascript,jquery,responsive-design,jscrollpane,jquery-jscrollpane,Javascript,Jquery,Responsive Design,Jscrollpane,Jquery Jscrollpane,希望有人能帮忙 目前,我正在使用jScrollpane来处理我的项目的自定义滚动条 布局是响应性的,填充div的内容是动态生成的。一切都很好,除了我调整浏览器大小时的一些笨拙行为。我正在使用AutoReinitialise观察高度和宽度的任何变化。再次-工作的大部分罚款 我的问题是,当我拖动浏览器窗口并扩展div的宽度时,任何应用了jScroll的div都会严重滞后。有一个轻微的延迟,然后随着div大小的调整,它会赶上div的宽度——实际上它根本不是流体 我的代码位于javascript文件中处

希望有人能帮忙

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

布局是响应性的,填充div的内容是动态生成的。一切都很好,除了我调整浏览器大小时的一些笨拙行为。我正在使用AutoReinitialise观察高度和宽度的任何变化。再次-工作的大部分罚款

我的问题是,当我拖动浏览器窗口并扩展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这样的插件还有其他建议吗?谢谢

找到了

这是css for jScrollpane中的内容,而不是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试图不断地计算调整大小时的宽度(以像素为单位),这迫使我调整百分比,从而使窗格容器的大小平滑。不再滞后

找到了

这是css for jScrollpane中的内容,而不是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试图不断地计算调整大小时的宽度(以像素为单位),这迫使我调整百分比,从而使窗格容器的大小平滑。不再滞后

找到了

这是css for jScrollpane中的内容,而不是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试图不断地计算调整大小时的宽度(以像素为单位),这迫使我调整百分比,从而使窗格容器的大小平滑。不再滞后

找到了

这是css for jScrollpane中的内容,而不是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试图不断地计算调整大小时的宽度(以像素为单位),这迫使我调整百分比,从而使窗格容器的大小平滑。不再滞后