ホームページ制作
ユニゼロワン
機能DEMOサイト
ユニゼロワン機能DEMOサイト

Remote Scroll

カテゴリ：WEB機能 スライダー デザイン機能 特殊
DEMOにある機能は、ご希望に応じて様々にカスタマイズできます
TOPページに戻る
このページの機能についてのお問合せは、TIPS  ユニゼロワンにて照会番号でお願いします。
照会番号：DEMO2-
45042
  • 表示されるボタンの多くはサンプルDEMOにつき機能しません。
  • ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
  • 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
  • ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
  • フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
  • 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
ある要素のスクロール操作が、別の要素やセクションのスクロールを同期して動かす機能です。

主な特徴

  • スクロール操作を別エリアへ伝達して同期表示
  • 画像・テキスト・アニメーションを同時に動かせる
  • ストーリー性のあるページ構成に向く
  • タイムライン・ギャラリー・比較表示などで視覚的な連動効果を作れる
  • スクロール量に応じて段階的に変化させる演出が可能

よく使われる場面

  • テキストと画像を同期して進むストーリーページ
  • タイムラインやステップ紹介の連動アニメーション
  • 左右のエリアを同時にスクロールさせるレイアウト
  • 製品説明で画像と説明文を同期表示
  • 複数のパネルを連動させるインタラクティブ演出

📱 デバイスプレビューを見る

Type.1

Latest Stylish Trends for Men and Women

first
second
Third
Four

Sharp Winter Dressing for Men

Navigate the winter months in style with our guide to sharp dressing for men. Explore a range of suave outfits that combine warmth and refinement, from well-fitted suits paired with overcoats to sleek knitwear ensembles.

Glamorous Winter Accessories for Women

Elevate your winter look with a touch of glamour through exquisite accessories. Delve into a curated collection of stylish scarves, cozy gloves, and elegant hats tailored to women.

Men's Summer Wardrobe Essentials

Elevate your summer style with our guide to essential fashion items for men. From lightweight linen shirts to versatile swim shorts, discover the key pieces that will keep you looking cool and stylish all season long.

Summer Accessories for Women

Complete your summer outfits with stylish accessories tailored for women. Dive into a world of sun hats, vibrant scarves, and trendy sunglasses that elevate your summer fashion game.

Type.2

Best Coffee Shops To Visit

one
two
three
four
five
six
Diagonal Hero
結論（概要を簡潔に） Unlimited Elements の Diagonal Hero は、斜めにカットされた背景デザインを持つヒーローセクションを簡単に作れる機能です。
Futuristic Typing Text
Futuristic Typing Text は、近未来的な“タイピング風アニメーション”でテキストが1文字ずつ表示される機能です。
Image Background Text
Image Background Text は、大きなテキストの中に画像を“切り抜いて表示する”ビジュアル効果を作れる機能です。
Liquid Button
Liquid Button は、ホバー時に“液体（リキッド）”が流れるようなアニメーションが走るボタン機能です。
Dark Mode
サイト全体または特定セクションを“ダークモード”に切り替えるためのトグル（スイッチ）です。 ワンクリックでライト／ダークのテーマを切り替えられる。　*切替ボタンはページの右下にあります。
Glass Icons
Glass Icons は、ガラス風（ガラスモーフィズム）デザインの背景を持つアイコン機能です。

Type.2

Go through the best olympics of all times

Diagonal Hero
結論（概要を簡潔に） Unlimited Elements の Diagonal Hero は、斜めにカットされた背景デザインを持つヒーローセクションを簡単に作れる機能です。
Futuristic Typing Text
Futuristic Typing Text は、近未来的な“タイピング風アニメーション”でテキストが1文字ずつ表示される機能です。
Image Background Text
Image Background Text は、大きなテキストの中に画像を“切り抜いて表示する”ビジュアル効果を作れる機能です。
Liquid Button
Liquid Button は、ホバー時に“液体（リキッド）”が流れるようなアニメーションが走るボタン機能です。
1
2
3
4
Flip Box
Scroll Marquee
Before After
Image Accordion