スマートフォンの横表示には対応していません

Laboratory

なないろ研究所

⼈と⼈をつなぐコミュニケーションをもっと世の中に。
それが私達が⾏うこと。

なないろ研究所では日々、様々なことをリサーチし、実験しています。

コミュニケーションの流通をお手伝いするために、日々様々なリサーチを行い、分析し、時に実験しております。

そんな日々の活動内容においてログをつけております。

このような情報共有が、我々が考えるコミュニケーションの一つの形です。

【javascript】スクロールの上下を判定する

こんにちは、なないろフロントエンドプログラマーのTです。

スクロールの上下を判定するjavascriptを作ったのでメモとして残しておきます。

このjavascriptにjQueryは不要です。

ソースコード


var sc = (function(){
    var scrollElement = 'scrollingElement' in document ? document.scrollingElement : document.documentElement;
    var scrollPoint,prePoint,flag;
    return function(){
        scrollPoint = scrollElement.scrollTop;
        flag = prePoint > scrollPoint ? true : false;
        prePoint = scrollPoint;
        return flag;
    }
})();


//使用方法
window.addEventListener("scroll",function(){
    if(sc()){
        console.log("↑");
    }else{
        console.log("↓");
    }
});

私達は京都でNo1のデザイン力・UI力を目指す

システム開発・Web開発カンパニー

株式会社なないろです。

各種CMS、企業サイト、キャンペーンサイト、顧客管理システム、IoTシステムなど幅広いITソリューションを優良なデザインとUIで、SEOソリューションをあわせてお客様の目標達成を行う企業です。