如何将函数绑定到窗口宽度?

时间:2016-11-06 11:38:17

标签: javascript jquery

如何将此功能绑定到窗口宽度?

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 0) {
        jQuery('.navbar-header').slideUp("slow");
    } else {
        jQuery('.navbar-header').slideDown("slow");
    }
});

1 个答案:

答案 0 :(得分:1)

从您的添加说明中,您可以根据窗口的宽度更改响应式更改渲染。因此,唯一的方法是更改​​处理程序。

jQuery(window).scroll(function() {
  if (jQuery(document).width() < = 992) {
    if (jQuery(this).scrollTop() > 0)
    {
        jQuery('.navbar-header').slideUp("slow");
    }
    else
    {
        jQuery('.navbar-header').slideDown("slow");
    }
  }
});

通过这种方式,如果您更改浏览器宽度,将更改滚动显示。