jqueryとcss3でナビゲーションバーを一番下に移動する方法（コード）

この記事で共有した内容は、jqueryとcss3でナビゲーションバーを一番下に移動する方法についてです（コード） 次に、具体的な内容を見てみましょう。困っている友達を助ける。

ナビゲーションバー

.navigation {
    position: fixed;
    bottom: 100px;
    right: 100px;
    z-index: 100;
}.navigation {
    transition: bottom 2s;
    -webkit-transition: bottom 2s;
}

JQコード

var nav = eval($('.navigation').offset().top - $(window).scrollTop());
$(window).on('scroll', function() {
    var navh = $('.navigation').height();
    var foot = parseInt($('.footer').offset().top - $(this).scrollTop() - navh);
    /*console.log(nav - foot);*/
    if(nav == foot || nav > foot) {
        $('.navigation').css({
            'position': 'fixed',
            'bottom': '400px'
        });
    } else {
        $('.navigation').css({
            'position': 'fixed',
            'bottom': '100px'
        });
    }
});

関連する推奨事項:

Css Spriteが画像ステッチ技術を実装する方法

cssとjsモバイルターミナルを使用して携帯電話の水平画面と垂直画面のステータスをそれぞれ確認する方法

以上がjqueryとcss3でナビゲーションバーを一番下に移動する方法（コード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。