戻るボタンクリック時の制御方法

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #96939
    よっぴー
    閲覧者
    7

    【お使いの Snow Monkey のバージョン】15.15.0
    【お使いの Snow Monkey Blocks のバージョン】13.2.1
    【お使いの Snow Monkey Editor のバージョン】 6.2.1
    【お使いのブラウザ】chrome,IE,Safari
    【当該サイトのURL】http://xs157698.xsrv.jp/demosite/

     

    度々申し訳ございません(>_<)

    「スマホ版における内容です」

    ### 実現したいこと
    スマホ版で、TOP動画が自動再生されないため「戻るボタン」をクリックで、強制的にリロードさせました。が、、
    TOPページに戻る時のみ「強制リロード」させてTOP動画を自動的に再生させることは可能でしょうか。

     

    ### 発生している問題

    TOP動画の自動停止は上記で解決しましたが、現状だと全ページにおいて強制リロードされるため下記の様に「戻るボタンをクリックで」全ページで最上部に表示されてしまいます。

    製品ページ → 例)ボトル → 詳しくみる → 戻る → 画面が乱れる → 戻り先がバイアル(最上部)になります。(ボトルに戻るはずが強制リロードのせいで最上部に遷移)

     

    ### 全ページ強制再生させるコード

    window.onpageshow = function(event) {
    if (event.persisted) {
    window.location.reload();
    }
    };

    あらかた調べましたが出て来ず、、制御は難しいでしょうか。

    お忙しいところ恐れ入りますが、何卒宜しくお願い申し上げます。

    0
    いいねをした人: 居ません
    #97063
    アバター画像キタジマ タカシ
    参加者
    2371
    #97203
    よっぴー
    閲覧者
    7

    ご連絡ありがとうございます。(>_<)

    window.onpageshow = ()=> {
      // URLの取得
      let url = location.href;
      if (url == http://xs157698.xsrv.jp/demosite/) {
        window.location.reload();
        // URLが http://xs157698.xsrv.jp/demosite/ の場合に実行する処理
      }
    }

    こんな感じであっておりますでしょうか。申し訳ございません検索しながらでおかしいかもです。。

    0
    いいねをした人: 居ません
    #97231
    アバター画像キタジマ タカシ
    参加者
    2371

    僕もやったことがないのであっているかどうかはわかりませんが、同じコードで試してみた感じだと、URL の取得とトップページの判定はこれで動いているようです。ただ、リロードされているかどうかは僕の環境ではよくわかりませんでした。

    0
    いいねをした人: 居ません
    #97261
    よっぴー
    閲覧者
    7

    コード自体にそれほど問題はないのですね。

    実際に不具合の出ている端末で確認いただいてみます。

    アドバイスいただきありがとうございました!

    0
    いいねをした人: 居ません
    #97264
    アバター画像キタジマ タカシ
    参加者
    2371

    あ、URL は文字列なのでクオーテーションで囲ってください!

    例:

    'http://xs157698.xsrv.jp/demosite/'
    
    3
    いいねをした人:
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「戻るボタンクリック時の制御方法」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。