文章/答案/技术大牛

发布

社区首页 >问答首页 >窗口调整jQuery中的复位滚动条检测

问窗口调整jQuery中的复位滚动条检测
EN

Stack Overflow用户

提问于 2012-10-29 23:55:30

回答 1查看 2.6K关注 0票数 2

我已经创建了一个jQuery窗口滚动条检测器，但是当我调整浏览器窗口的大小时，将滚动条状态从可见状态更改为不可见状态，反之亦然，状态通知程序将保持静态状态。如何通过严格的javascript使状态通知器以一种简单的方式不断更新状态通知器()，而不通过AJAX调用？

对于进一步的上下文，我基本上是想出一个解决方案的半无限滚动，如果内容不超过窗口的大小。如果你们中的一个人知道了这一点，这将是非常有益的，许多用户界面开发人员试图结合高度需求和流行的滚动负载效果。提前谢谢。这是我的演示。

$(window).resize(function () {

    ///????

});

function

scrollbar

jquery

window-resize

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-30 00:00:37

您可以使用所谓的函数来实现这一点。在Javascript中，函数实际上是对象，可以简单地存储在变量中并作为参数传递。

举个例子：

//first define your function - maybe give it a better name than I did :)
var detectScrollbar = function () {
    if($(window).height() >= $(document).height()){
        $('#statusNotifier1').fadeIn("slow");
        $('#statusNotifier2').hide();
    }
    else
    {
        $('#statusNotifier1').hide();
        $('#statusNotifier2').fadeIn("slow");
    }
};

//call it initially
detectScrollbar();

//pass it to .resize() so it will be called when the event fires
$(window).resize(detectScrollbar);

你可以把这整件事放进你的$(document).ready();里。

和jsFiddle演示玩得开心。我希望所有那些悲伤的UI开发人员都会满脸笑容地跳舞，庆祝:)。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13131357

复制

相似问题

问窗口调整jQuery中的复位滚动条检测
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问窗口调整jQuery中的复位滚动条检测EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问窗口调整jQuery中的复位滚动条检测
EN