hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

JS 自分の書いた記述にへぇ〜頭良さそう〜と他人事みたいに思ったのでメモ

二年前くらいのサイトでイベント発火時関数呼ぶ時に一緒に引数渡して実装してたみたい

モーダル開いたときだけ、スクロール位置に合わせて閉じるボタンの位置調整を行うようにしている。
なんかこんな記法あったっけぇ〜?へぇ〜。ってなったのでメモ。

argumentsが別になっていることで、イベントのon offがわかりやすいなって。
引数の宣言抜けてるとかズブズブjQueryじゃねぇかのツッコミは勘弁。

$('#showModal').on('click',function(e){
    $(window).on('scroll',{from: _posTop-125,to:_posTop+_mH-125-60,bottom:_mH},crtlScroll);
});
$('#closeModal').on('click',function(e){
    $(window).off('scroll',crtlScroll);
});

var crtlScroll = function(e){
    _targ = $('#btnClose');

    //closeボタンのcssを制御
    if((_targ.length>0)){
        //初期は追従fixed
        if ((_scrlTop >= e.data.from && _scrlTop <= e.data.to)){
            _targ.css({position:'fixed', top: '125px' });
        }else if(_scrlTop > e.data.to){
            _targ.css({position:'absolute', top: e.data.bottom-60});
        }else{
            _targ.css({position:'absolute', top: '0'});
        }
    }
};

頭良さそうだな〜これ本当に私が書いたんだ〜へ〜


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください