首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery ScrollPane

Jquery ScrollPane
EN

Stack Overflow用户
提问于 2011-09-05 19:19:43
回答 2查看 1.6K关注 0票数 0

正如任何人曾经遇到过的问题,仍然能够滚动到你正在滚动的div边界之外。

由于法律原因,我无法发布令人遗憾的代码。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-09-07 16:09:04

事实证明我使用的是jquery 1.2.6,我不得不升级到jquery 1.3.2来解决我的问题。

感谢您的评论Ace Trajkov

票数 0
EN

Stack Overflow用户

发布于 2011-09-05 20:09:25

如果我没有猜错的话,您使用的是jScrollPane,滚动容器在调整窗口大小时会扩展到超出窗口尺寸。在计算内容和容器的宽度和高度的代码中有一个错误。基本上,你需要在调整窗口大小时重新分配宽度和高度。下面是一个有效的示例:

代码语言:javascript
复制
var oldWindowHeight = $(window).height();
var oldWindowWidth = $(window).width();
$(function () {
    $('.tdMiddleRightContent').each(function () {
        $(this).jScrollPane({
            showArrows: true,
            hideFocus: true
        });
        var api = $(this).data('jsp');
        var throttleTimeout;
        $(window).bind('resize', function () {
            var newWindowHeight = $(window).height();
            if ((newWindowHeight - oldWindowHeight) < 0) {
                $(".jspContainer").height($(".jspContainer").height() + (newWindowHeight - oldWindowHeight));
            }
            var newWindowWidth = $(window).width();
            if ((newWindowWidth - oldWindowWidth) < 0) {
                $(".jspContainer").width($(".jspContainer").width() + (newWindowWidth - oldWindowWidth));
            }
            if ($.browser.msie) {
                if (!throttleTimeout) {
                    throttleTimeout = setTimeout(function () {
                        api.reinitialise();
                        throttleTimeout = null;
                    }, 50);
                }
            } else {
                api.reinitialise();
            }
            oldWindowHeight = $(window).height();
            oldWindowWidth = $(window).width();
        });
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7307286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档