すぐにできる!スマホでもPCと同じマウスオーバーの効果を与える方法

fastclick-js

簡単に対策できるので、スマホのタッチ操作でもPCと同じマウスオーバーの効果をつけたい方は、ぜひ対策を!

参考にしたサイトはこちら。

 

スポンサーリンク

header.phpの編集

<head>タグに、以下のコードを追加。

<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'></script>

 

footer.phpの編集

</body>の前に、以下のコードを追加。

<script>
if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}
</script>

 

他の方法

以前紹介した、TouchStartを使用した方法。個人的には、FastClickの方が安定している気がします。

 

スポンサーリンク

プロフィール

iMacと猫が好きな完全インドア派。

コメントを残す