問題タブ [amp-bind]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
amp-html - スライド遷移中に AMP-Carousel スライダーのページャー ドットを高速化する方法はありますか?
ドットがうまく機能している amp カルーセルがありますが、スワイプしてスライドを変更すると、スライド ショーの下部にあるドットは、スライド トランジション アニメーションが完了するまで新しいアクティブなスライドに変わりません。約 1 秒の遅延。
スライドショーは次のように定義されています。
次に、ドットは次のように定義されます。
したがって、ボタンの画像スタイルのシフトは、一致するスライドの状態が「選択」されたときです。
ドットのスタイルの遷移は非常に高速 (0.01 秒) であるため、アニメーションの速度がそれを支えているわけではありません。
スライドがページャー ドットでもう少しスムーズに移行できるように、最後ではなく、スワイプ アクションの開始時または自動再生遷移でスタイルの変更をトリガーする方法はありますか?
amp-html - setState を使用して、多くの一意の amp-img ソースに amp-bind を使用する
https://beta.webfast.co/magma/collections-galaxy.htmlでさまざまなスウォッチの amp-img URL を更新するために、setState で amp-bind を使用しています。
ただし、s0 などの特定の変数を更新しているにもかかわらず、意図しない他の div が更新されています。
- https://beta.webfast.co/magma/collections-galaxy.htmlにアクセスしてください
- 「Last Resort Men's Tee」というタイトルの商品までスクロールします (左側の div)。
- 白の最初のスウォッチをクリックします。
- スウォッチの右側にある商品画像の div が消えます。
- 隣接する div イメージは影響を受けません。
amp-html - カスタム関数を amp "on" 属性にアタッチする
私が欲しいのは、amp ページでdoGTranslate(this)関数を実行できるようにすることです。アンプは初めてなので、プロジェクトで試しています。
ありがとう。