尝试仅以特定宽度隐藏导航菜单并滚动

时间:2017-09-14 14:30:09

标签: javascript jquery wordpress css3

我目前正在使用此网站http://paramountwell.staging.wpengine.com/。当滚动大于250或窗口宽度小于1105px时,导航将变为一个按钮,其中显示菜单。哪个都很好并按预期工作。

我也进行了设置,如果滚动小于250,如果按钮处于活动状态,它会隐藏响应式菜单,因此您可以使用主导航栏。

问题是当滚动小于250并且窗口小于1105px时,按下按钮菜单不会出现,因为它应该隐藏在小于250的滚动。

所以基本上我需要在jQuery中编码,"如果滚动小于250且窗口宽度大于1105,则隐藏菜单"

在jQuery中执行此操作的最佳方法是什么?

这是网站链接。 http://paramountwell.staging.wpengine.com/

编辑: 我几乎有这个

var windowWidth = $(window).width();

$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll <= 250 && windowWidth >= 1105) {
        header.removeClass('header-scroll');
        navToggleMenu.addClass('hide-scroll_menu');
    } else {
        header.addClass('header-scroll');
        navToggleMenu.removeClass('hide-scroll_menu');
    }
});

编辑 - 基本上我需要进行设置,以便删除&#39;标题滚动&#39;并添加&#39; hide-scroll-menu&#39;当滚动小于250且窗口宽度大于1105时。

现在,如果窗口小于1105并且滚动小于250,则它不起作用。其他任何地方都可以完美地工作。

1 个答案:

答案 0 :(得分:1)

func authUI(_ authUI: FUIAuth, didSignInWith user: FirebaseAuth.User?, error: Error?) {
     print("")
}