1 つの画面
シームレスなモバイルエクスペリエンス 常に手の届くところに。
1 つのエクスペリエンス
アプリのようなもので、広告のようなものではありません。
1 つのエクスペリエンス
アプリのようなもので、広告のようなものではありません。
ネイティブのように感じられる、臨場感あふれるフルスクリーン体験 超高速パフォーマンス
ディスカバリーから
1回のスワイプで購入。
Click Tab to Replay Section
ワンスワイプで発見から購入まで。
ワンスワイプで発見から購入まで。
ワンスワイプで発見から購入まで。
楽な創造
48 時間以内にライブ配信を開始できます。
アップロード
メディアアップロード
あらゆるマルチメディアアセットをアップロード-
[デザイン]
[テンプレートを選択]
デザインされたマスターテンプレートを選択する
起動
クリエイティブを起動
パフォーマンスの高いクリエイティブでローンチ
カスタムコードの追加
あなたはおそらく自分が何をしているのか知っているでしょうが、もしあなたが初めてなら ウェブフロー サポートが必要な場合は、このモーダルポップアップを完璧に機能させるのに役立つ詳細なステップバイステップガイドをまとめました。それに従って、モーダルポップアップ内をスクロールするときに背景の動きが乱れることがなく、すべてがスムーズに実行されるようにしてください。
ステップ 1
最初のステップは、以下のコードをコピーすることです。
<script>
$('[scroll=enable]').click(function() {
unLockScroll();
});
$('[scroll=disable]').click(function() {
lockScroll();
});
let scrollPosition = [];
let marginB;
let marginR;
const $html = $('html');
const $body = $('body');
function lockScroll(){
setTimeout(function () {
let initWidth = $body.outerWidth();
let initHeight = $body.outerHeight();
scrollPosition = [
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
];
$html.css('overflow', 'hidden');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
marginR = $body.outerWidth()-initWidth;
marginB = $body.outerHeight()-initHeight;
$body.css({'margin-right': marginR,'margin-bottom': marginB});
}, 10);
}
function unLockScroll(){
setTimeout(function () {
$html.css('overflow', 'initial');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
$body.css({'margin-right': 0, 'margin-bottom': 0});
}, 10);
}
</script>ステップ 2
次に、スライダーが配置されているページにコードを貼り付けます（このプロジェクトでは、スライダーはホームページにあるため、カスタムコードはこのページのホームページ設定の下に配置されます）。
ページ設定に移動するには、以下に示す記号をクリックします。このシンボルは Webflow インターフェースの左上にあります。
ステップ 3
3番目のステップは、以下に示すページ設定の歯車記号をクリックすることです。
ステップ 4
4番目のステップは、カスタムコードセクションまでスクロールして、カスタムコードを貼り付けることです 「タグ前</body>」 セクション。
ポップアップの背後にあるページのロック解除 (解除) の仕組み
スクロールを無効にする (ページをロックする)
ページをロックしてクリック時にスクロールを無効にする必要がある要素（ポップアップを開くボタンなど）では、要素設定に次のカスタム属性を追加します。 スクロール=「無効化」
スクロールを有効にするには (ページのロックを解除)
ページのロックを解除し、クリック時にスクロールできるようにする必要がある要素（終了アイコン/クリック可能な背景など）では、要素設定に次のカスタム属性を追加します。 スクロール=「有効にする」
インタラクションがポップアップモーダルを開く際の仕組み
新しいモーダルポップアップを作成するたびに、新しいモーダルポップアップレイヤーを追加し、モーダルを開くトリガーとなる対応するインタラクションにリンクする必要があります。(最初の 3 つは既にセットアップされています)。
そして、それがすべてです。
これが役に立ち、プロジェクトで使っていて、私にコーヒーを買ってほしいという方のために、私の寄付リンクは下にあります。
ありがとう、
-ヴォーン
インターフォント
フォント インター に最も近い代替手段です SF プロディスプレイ、アップルの公式フォント。SF Pro Displayは、Appleのプラットフォーム向けのアプリケーションの設計と開発について、登録されたサードパーティの開発者にのみライセンスされています。プロジェクトに Inter を使用したい場合は、以下から無料でダウンロードできます。 グーグルフォントのウェブサイト。
[大文字]:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
小文字:
a b c d e f g h i j k l m n o p q r s t u v w x y z
数字:
0 1 2 3 4 5 6 7 8 9
共通記号:
!@ # $% ^ & * ()-_ = + [] {}\ |;: '", <. >/?~ `
その他のシンボル:
£ € ¥ ¢ ©
傷のついた湖を修復します。妊娠中や嫌いです。Nullam varius、turpis et commodo pharetra、est eros bibendum elit、nec luctus magna felis sollicitudin mauris。整数は、マウリス・ユー・ニブ・イイスモッド・グラビダ。車に衝突の危険とリスクがあります。これでロボットはエリートの危険にさらされます。テンポもありました。その時、律法は時空に影響を及ぼし、その真価は揺るぎないものであるので、その危険は計り知れません。その結果、マセナスは発酵します。発酵完了。ペレンテスク・マレスアーダは半分のところにはありません。デュイス・サピエン・セム、アリケット・ネック、コモド・エッゲット、コンシスタント・クイズ、ネケ。ステンレススティック、アリケット、フェリス、ニゼル、サピエンス、マレスアーダ、ダイヤ、ラッカスエゲット。Cras mollis scelerisque nunc。ヌラム・アーチ。結果はあるが
湖や野生の肺炎の治療法。今度は三つ葉のフリンジラを治してください。Phasellus a est。ファセラス・マグナ。このハビタッセ・プレートにはディクトゥンストがいる。モルビンとフェリス。手間がかからない。火が弱く、風が吹かず、風が強く、体に優しく、寿命が長いです。しかし、彼らは皆殺しにされました。クラス・ミ・ピード、マレスアダ・イン、インパーダイエット、コンモド・バルプテート、ジャスト。白っぽい服を着ています。ヴィヴァマス・エゲット・ナイフ。また、レオやメトゥスのコースもあります。簡単ではありません。アーネのネック・ヒーローズ。キツネの群れと野生の声が聞こえ始めて、群れが近づいてきて、手を伸ばすのを待っている。このオファレトラは次から次へと向かいます。ナム・エリット・マグナ、ヘンドレリット・シット・アメット、ティンシドゥント・アック、ビベラ・シード、ヌラ。それが終わったら、私は大いなる力を与えてくれます。皆さん、間隔、交流、長寿命、長寿命、足跡。
体力が強く、お腹が痛い。さあ、ロボティスの作者になりました。ペレンテスク・ユー・セット・プラセラット・ディグニッシズム。死は永遠に続く。しかし、その結果として、その結果として、その結果として、自分の著者は皆無で、自分の役者は皆無です。彼らは皆殺しにされました。時間が経つのは遅い。生きたままの状態で、子猫と鉄の元素が混ざり合い、骨の上で卵が膨らみます。液体が汚染されました。
ロレム・イプサム・ドロール・シット・メット、コネクター・ディピッシング・エリット。 しかし、労働と悲しみが大きなものになるまで、しばらくお待ちください。私たちの労力が、より快適で快適な結果をもたらしてくれるので、私たちの労力は最小限に抑えられています。この急性疼痛は、皮膚が傷ついた場合、皮膚が傷つき、皮膚が剥がれないようにしてください。ただし、製造者が製造していない場合を除き、職務担当者が作業中に死亡した罪に問われます。
ワンアクセス
世界中の視聴者にリーチし、 アプリ、 ウェブ そして 超えて。
メディアで
コムスコアの上位500ウェブサイトの中から大規模に体験を提供
ソーシャルで
すべてのソーシャルプラットフォームのユーザーにアクセスする
ソーシャルで
すべてのソーシャルプラットフォームのユーザーにアクセスする
ソーシャルで
すべてのソーシャルプラットフォームのユーザーにアクセスする
イン・リアル・ライフ
スキャン、印刷物、小売店を通じて、いつでもどこでもエクスペリエンスにアクセスできます
1 つのビュー
ビッグ広告。より大きなインパクト。
本当に ユニファイド ブランドパフォーマンス指標、 検証済み 第三者による、および AI によって最適化されます。
検証済みのパフォーマンス
17s
ビューアビリティ
2x
ドウェルタイム
+75%
アテンティブ・セコンド
+29%
購入意向
より高い注意。
より良い結果。
3x
もっと注目
2x
ブランドリコール
+29%
購入意向
より高い注意。より良い結果。
より良い結果。
アテンティブ・セコンド
1000 インプレッションあたり
もこい
3288
ソーシャルフィード
3114
アウトストリーム
1374
MPU
1293s
1つの体験。
1つの体験。
1つの体験。
1つの体験。
1つの体験。
1つの体験。
臨場感あふれるフルスクリーン体験 ネイティブのように感じられ、超高速のパフォーマンスが得られます。
臨場感あふれるフルスクリーン体験 ネイティブのように感じられ、超高速のパフォーマンスが得られます。
臨場感あふれるフルスクリーン体験 ネイティブのように感じられ、超高速のパフォーマンスが得られます。
臨場感あふれるフルスクリーン体験 ネイティブのように感じられ、超高速のパフォーマンスが得られます。
痛みがひどくなると、痛みを感じてしまいますが、痛みや労力に悩まされることがあります。したがって、私たちの激しい運動は、体調不良の影響を最小限に抑え、その結果、体調が悪くなります。
痛みがひどくなると、痛みを感じてしまいますが、痛みや労力に悩まされることがあります。したがって、私たちの激しい運動は、体調不良の影響を最小限に抑え、その結果、体調が悪くなります。
痛みがひどくなると、痛みを感じてしまいますが、痛みや労力に悩まされることがあります。したがって、私たちの激しい運動は、体調不良の影響を最小限に抑え、その結果、体調が悪くなります。
ロレム・イプサム・ドロール・シット・メット、コネクター・アディピッシング しかし、時が経つのは労力と悲しみに襲われました。そして、私たちの激しい運動は、その結果として、私たちの労力を弱体化させることを可能にし、それを最小限に抑えます。
ロレム・イプサム・ドロール・シット・メット、コネクター・アディピッシング しかし、時が経つのは労力と悲しみに襲われました。そして、私たちの激しい運動は、その結果として、私たちの労力を弱体化させることを可能にし、それを最小限に抑えます。
ロレム・イプサム・ドロール・シット・メット、コネクター・アディピッシング しかし、時が経つのは労力と悲しみに襲われました。そして、私たちの激しい運動は、その結果として、私たちの労力を弱体化させることを可能にし、それを最小限に抑えます。
スタジオを探索