Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Way to get the amount that current page is in view

オープン
#4,311 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
静か
技術スタック
javascript
領域
frontend, mobile

調査の方向性

まず、既存の swipebackMove イベントと、それが値を渡すページ遷移処理を追跡します。Issue に記載されている iOS と MD の遷移動作を比較し、そのうえで、永続的なインビュー値または遷移進行度の値をどこで公開できるかを判断します。ジェスチャー終了後もその値を利用でき、両方のモードで該当する遷移の進行度を反映していれば完了です。

索引モデルが issue の本文から書いたものです。

説明

I want to animate page content in and out based on the "in-view amount" of the page.

I know that f7 has an event that I can listen to: 'swipebackMove'. But it only returns the progress while the user actively swipes. When they let go, the animation breaks. I would like to get that decimal between 0 and 1 regardless of their swiping action.

My solution would be to listen to the position of the current page and its relation to the window's inner width. Not very elegant.

Also, one might not want the actual amount that page is in view, which works for iOS, but the animation progress (or 'transition progress'), as for MD, the distance that the page travels is way shorter.

主要言語
JavaScript
スター
18.8k
フォーク
3.2k
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

framework7io/framework7 のほかの issue

framework7io/framework7 の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。