uniapp Wechat アプレットのアンカーポイントジャンプ

ユニアプリのドキュメント

以下は私が遭遇したビジネスシーンですが、製品分類の特定のカテゴリをクリックし、目的のカテゴリまでページをスクロールします。

まず、最初のステップとして、アンカーポイントのジャンプ先を設定し、ターゲットの dom に id 属性を追加します。

次に各カテゴリの各アイテムにクリックイベントを追加します カテゴリのアイテムデータには上記商品domで設定したid値に対応するフィールドがあります。

以下はクリックイベントですが、アンカーポイントジャンプを実現するには、APIのセレクタパラメータを設定して直接id要素にジャンプする方法と、最初にアンカーポイントの先頭値を取得する方法の2通りがあることが分かりました。 dom を取得し、それを API に渡します。ページのスクロールを実現するために、scrollTop 値を構成します。

 

上記の方法に加えて、実際にスクロール ビューを使用することもできます。上記は私のビジネス ニーズを満たしているため、ここでは詳細は説明しません。興味のある同僚は、スクロール ビューの実装を試してみてください。 

おすすめ

転載: blog.csdn.net/m0_57033755/article/details/132601588