如何在调整大小时修复奇怪的jScrollPane行为?

时间:2011-05-10 02:49:31

标签: jquery css jscrollpane

我想要关于jScrollPane的专家建议!

我在调整浏览器窗口大小时拒绝调整大小!

当我减小浏览器窗口的高度时,滚动条的拖动控制柄可以拖动到内容面板下边框的下方 - 并且内容在底部被切断。另一方面,当我增加浏览器窗口的高度时,滚动条的高度保持不变(未调整大小),并且滚动条下边缘下方有空白区域。

有人可以解释一下发生了什么以及如何解决这个问题?我真的很感激!

希望收到知道解决方案的人的回复!

1 个答案:

答案 0 :(得分:1)

找到解决方案:在调整大小时重新初始化jScrollPane:

<script type="text/javascript">
$(function () {
    $('#pane1').jScrollPane({
        showArrows: true,
        dragMaxHeight: 100,
        wheelSpeed: 20
    });
});
$(window).resize(function () {
    $('#pane1').jScrollPane({
        showArrows: true,
        dragMaxHeight: 100,
        wheelSpeed: 20
    });
});
</script>

有效!

希望能帮助遇到同样问题的其他人。