根据窗口内部宽度执行功能

时间:2019-09-26 20:01:18

标签: jquery

当窗口宽度等于或小于500px时,我需要启动一个函数(scrollTop),然后在if语句下执行函数scrollTop,以在标签标签上添加类,但是这种方式无效:(< / p>

代码在这里:

function screenClass() {
    if($(window).innerWidth() < 484) {
        //alert("500");
        function AddClass() {
            if ($(window).scrollTop() > 100) {
                $(".show-menu").addClass("sticky");
            } else {
                $(".show-menu").removeClass("sticky");
            }
        }

    }
}
$(window).bind("resize",function(){
    screenClass();
});

<label id="navbar" for="show-menu" class="show-menu">
<img class="icon l" src="/website/img/menu.png" /><img class="icon r" src="/website/img/menu.png" />
MENU
</label>

滚动页面时,需要此选项使菜单栏变粘。 希望在您的帮助下。 谢谢!

1 个答案:

答案 0 :(得分:1)

您正在定义一个函数@Configuration @EnableWebSecurity public class SpringSecurityConfig extends WebSecurityConfigurerAdapter { ... } ,但是从不调用它。完全不需要定义功能,只需执行功能即可。

如果您要指定在窗口滚动时应执行的操作,则它必须位于AddClass()事件处理程序中。

scroll