tips blog

iphoneでpageTopボタンが2回タップ必要になってしまった

2020年1月30日

ウェブサイトで良くある右下にページの一番上にスクロールするpageTopボタンが突然iphoneで2回必要になってしまった。

当初そのJSを組んだ時(4~5年前?)は問題なかったはずだと思われるが、

現状iphone7 ,iphoneXS、safari,chromeで起きているため、ほぼiphoneすべてで同じ現象が起きているのではないかな?と思われる

 

【症状】

iphoneでpagetopボタン(smooth scroll)が2回タップ必要

ただ、なぜか下層ページでは問題なく動作する端末もある(iphone7)

JSのイベントリスナーの’click’を’touchstart’に変えると多少症状が起きる機会が減った※後で記述

 

【解決】

未解決

JSのイベントリスターの’click’を’touchstart’に変えると多少症状が起きる機会が減ったが確実ではなく、

■position:fixedのときは、5回に1回、2回タップが必要

■position:fixedじゃないとき、現象はおきず、1回タップで動作

基本はiphoneのバグかな?とは思っているが、状況をもう少し調査中

 

 

 

 

 

コメントを残す

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