0

ユーザーがscrollTop()をチェックするためにスクロールしたときに呼び出される関数があり、特定のスクロールが発生した後、メニューのz-indexが-1から1に変更されます。ただし、これはスクロールでのみ発生するため、ユーザーがサイトを更新した場合メニューは、次のスクロールが発生するまで事実上使用できません。

これを呼び出して、スクロールされた画面の量 (ユーザー スクロールではなく更新後) が z-index を変更する基準を満たしているかどうかを確認する方法はありますか?

私の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);
   }
4

2 に答える 2

0

z-index プロパティは、配置されていない要素には影響しません。要素は、相対配置、絶対配置、または固定のいずれかでなければなりません。行を次のように置き換えます。

これを最初に追加してみてください。

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

$('#actual-menu').css('z-index', 1);
于 2013-02-24T06:57:28.830 に答える
0

イベントgetPosition内で実行するだけです。ready

機能例

変数制限 = 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();
});
于 2013-02-24T07:06:36.927 に答える