雑談

No.40【雑談】Bloggerモバイル端末のスワイプ機能を消したい

Bloggerではモバイル端末向けのテンプレートが存在します。
モバイル端末でも見やすいデザインで最適に閲覧したいのですが、一つ困ったことがある。


それは少しでも左右にスワイプしただけでページが変わってしまう機能があることである。上下でスクロールしながら記事を読んでいるのに、「いきなりページが変わるなんて！！」と思う方がいると思います。

実際、私も嫌でした。じゃあ、このスワイプ機能をなくすことができないのか？
できます。

ということで、ご紹介します。

Bloggerの管理画面から、テンプレート→HTML編集へ進みます。
すると、コードが数千行にわたって出てきます。その中からを探します。
windowsの場合はCtrl+F
Macの場合はcommand+F
で検索欄が出てきますので、ここでと検索して探しみてください。

この直前に下記コードを貼り付けるだけでスワイプ機能をなくすことができます！


<!-- No Swipe Mobile --> <b:if cond="data:blog.isMobile"> <script type="text/javascript"> (function() { var c = document.getElementById("main"); c.addEventListener = null; })() </script> <style> #spinner-canvas {display: none !important;} #left-arrow {display: none !important;} #right-arrow {display: none !important;} </style> </b:if> <!-- /END -->
設置したらこんな感じになります。

これで保存をすればスワイプ機能がなくなります！
この方法はこちらの記事を参考にしたものです。

↓ ポチッと押して、覗いてみよう！↓

あわせて読みたい記事

コメント投稿にあたって コメントは自由投稿制です。ご自由にコメントをお書き下さい。コメント荒らしはご遠慮下さい。不適切なコメントがあった場合には、コメントを削除いたしますので予めご了承下さい。皆様が快適にご覧いただけるよう、ご協力お願いいたします。