search

NIFCLOUD-mbaas / UserCommunity

ニフクラ mobile backend ユーザーコミュニティ
https://mbaas.nifcloud.com/
82 stars 18 forks source link

画面のフリーズ現象について #817

Open rivezal opened 6 years ago

rivezal commented 6 years ago

こんにちは。 「ニフティクラウドmobile backend レベルアップセミナー クーポン配信アプリを作ろう【Monaca編】」を参考にアプリを作成しています。 https://qiita.com/thuydg@github/items/caf3b3cb988bf76459ae

無事出来上がりまして、iphoneのmonacaデバックアプリで動作確認をしていたところ、指先を長押し状態のように触ったままになっていました。 ※自分が伝えたい長押し状態とは、モバイルブラウザ上では「コピー、ペースト、検索」といった文言がでる状態のことです。

一旦長押し状態としてしまうと、いままで上下にスクロールできていた画面ができなくなってしまいます。 タブの移動はできますが、変わらずスクロールができません。

この状態を解決する方法はあるのでしょうか。 もしくは自分の作成手順が間違っているのでしょうか。

お忙しいところ大変恐縮ですが、ご教示の程お願い申し上げます。

goofmint commented 6 years ago

こちら環境を教えてください。

後、どの操作を行ったタイミングで固まったのでしょうか？

rivezal commented 6 years ago

iosのバージョンは11.0.3です。 デバイスはiphone 5sです。 固まるタイミングですが、お気に入り登録機能の作成をした際に、参考ページではshop1～4の４つのお気に入りを作成されていますが、６個のお気に入りを作成したところ、このページにスクロールバーができました。 この状態で、このページ内のどこでもいいので、一定時間、長押しした場合にスクロールバーが消えて、下にスクロールすることができなくなりました。 ※一定時間とは、safariブラウザで同じように長押しすると「カット」「コピー」「ペースト」などと文字で表示されるくらいの時間なので、数秒といったところです。

タブで他のページに移動しても、右上の「戻る」を押しても、このページの下にスクロールすることができません。

わかりにくく大変恐縮ですが、何卒よろしくお願い申し上げます。

kasaishouhei commented 6 years ago

CSSもしくはHTMLのなかの変なところにfixed書いてないですか？

rivezal commented 6 years ago

アドバイスいただきありがとうございます。 確認したところ、各タブ（４つ）のヘッダーとフッターの位置を指定するために使っていました。 これを外してみて、それでも固まる場合は再度ご相談させていただきます。


<header data-role="header" data-position="fixed" data-theme="e">
         <h1></h1>
      <a href="#yesNoDialog_logout" class="ui-btn-left" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" data-theme="e">ログアウト</a>
    </header>

 <div data-role="footer" data-position="fixed" data-theme="e">
            <div data-role="navbar" data-theme="t">
                <ul>
                    <li><a href="#" onclick="showShopList()" data-icon="top">A</a></li>
                    <li><a href="#" onclick="showFavorite()" data-icon="favorite">B</a></li>
                    <li><a href="#" onclick="showInfoPage()" data-icon="information">C</a></li>
                    <li><a href="#" onclick="showhanbai()" data-icon="information">D</a></li>
                </ul>
            </div>
        </div>```
kasaishouhei commented 6 years ago

上手くいくといいですね。僕はfixedとったらうまくいきました。

2018年6月24日(日) 19:58 rivezal notifications@github.com:

アドバイスいただきありがとうございます。 確認したところ、各タブ（４つ）のヘッダーとフッターの位置を指定するために使っていました。 これを外してみて、それでも固まる場合は再度ご相談させていただきます。

ログアウト
``` — You are receiving this because you commented. Reply to this email directly, view it on GitHub , or mute the thread .