javascript - 如何将函数绑定(bind)到窗口宽度?

标签 javascript jquery

如何将此函数绑定(bind)到窗口宽度?

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

最佳答案

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

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");
    }
  }
});

这样,如果你改变浏览器的宽度,就会改变滚动的显示。

关于javascript - 如何将函数绑定(bind)到窗口宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40448890/

相关文章:

javascript - 在表行上使用 .remove 会产生显示样式 :none

jquery - 菜单列表项的不同样式

java - 此函数调用中的参数无法理解

javascript - 解决图像上 jQuery 可拖动和可调整大小的问题

javascript - 将 Cordova 插件添加到 Vue-Cordova?

javascript - HTML 此声明

javascript - 如何使用 @run-at document-start 元规则

javascript - 删除现有验证

javascript - 使用正交相机将鼠标点击转换为 3D 空间

javascript - promise 链和所有