Javascript 加载后更改z索引

Javascript 加载后更改z索引,javascript,scroll,Javascript,Scroll,我有一个函数,当用户滚动以检查scrollTop()时会调用它,在某个滚动发生后,它会将菜单的z索引从-1更改为1。但是,这只发生在一个滚动上,因此如果用户刷新站点,菜单在下一个滚动出现之前实际上是不可用的 有什么方法可以让我调用它并检查屏幕的滚动量(刷新后不是用户滚动)是否符合更改z索引的条件 我的JS: function getPosition(){ var y = $(window).scrollTop(); var status = (y > 8

我有一个函数,当用户滚动以检查scrollTop()时会调用它,在某个滚动发生后,它会将菜单的z索引从-1更改为1。但是,这只发生在一个滚动上,因此如果用户刷新站点,菜单在下一个滚动出现之前实际上是不可用的

有什么方法可以让我调用它并检查屏幕的滚动量(刷新后不是用户滚动)是否符合更改z索引的条件

我的JS:

    function getPosition(){
       var y = $(window).scrollTop();
       var status = (y > 880) ? true : false;
       //console.log(status);
       if(status)
           $('#actual-menu').css('z-index', 1);
       else
           $('#actual-menu').css('z-index', -1);
   }

z-index属性对非定位元素没有影响,元素必须是相对定位、绝对定位或固定的。用以下内容替换您的行:

试着先加上这个

$("#actual-menu").css('position', 'relative');

$('#actual-menu').css('z-index', 1);

只需在
ready
事件中运行
getPosition

风险价值限额=50

$(function () {

    function getPosition() {
             var y = $(window).scrollTop();
             var status = (y > limit) ? true : false;

             if (status) {
                     $('#actual-menu').css('zIndex', 1);
             } else {
                     $('#actual-menu').css('zIndex', -1);
             }
    }

    $(document).on('scroll', getPosition);

    getPosition();
});

我尝试过,但由于没有用户滚动,它会将scrollTop()标记为0什么浏览器?在Firefox中,它在刷新时报告了一个数字。Chrome,可能与我的css有关。我猜我替换了这行,谢谢,元素已经定位,但在用户重新加载后仍然没有