はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • お金
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
    • Advent Calendar
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
  • おすすめ

    WBC 侍ジャパン

『dsinside.digitalstage.jp』

  • 人気
  • 新着
  • すべて
  • JavaScriptライブラリ「Locomotive Scroll」を使って横スクロールサイトを遊んでみた - DS INSiDE

    4 users

    dsinside.digitalstage.jp

    こんにちはデザインチームオカベです。 最近横スクロールサイトに触れる機会があり、その際に使用したJSライブラリ「Locomotive Scroll」が中々面白かったのですが、あまり解説サイトが見つからなかったのと、思い通りに動かすのに苦労したので備忘録的にまとめたいと思います。 Locomotive Scrollとは Locomotive Scrollは、今回は題名を横スクロールとしましたが、本来はスクロールに伴い要素をアニメーション表示させたり、パララックスエフェクトを簡単に実装できるライブラリです。 PC・スマホの両方で動作します。 公式デモページ スクロールがスムーズで各要素が独特なアニメーションをしているかと思います。 横スクロールのサンプル 公式デモページは通常の縦サイトでしたので、横スクロールデモを用意しました。(スマホは縦スクロールです) デモページを見る Locomotiv

    • テクノロジー
    • 2021/09/14 13:57
    • JavaScript
    • リンク
    • コード
    • アニメーション

    このページはまだ
    ブックマークされていません

    このページを最初にブックマークしてみませんか?

    『dsinside.digitalstage.jp』の新着エントリーを見る

    キーボードショートカット一覧

    j次のブックマーク

    k前のブックマーク

    lあとで読む

    eコメント一覧を開く

    oページを開く

    はてなブックマーク

    • 総合
    • 一般
    • 世の中
    • 政治と経済
    • 暮らし
    • 学び
    • テクノロジー
    • エンタメ
    • アニメとゲーム
    • おもしろ
    • アプリ・拡張機能
    • 開発ブログ
    • ヘルプ
    • お問い合わせ

    公式Twitter

    • 公式アカウント
    • ホットエントリー

    はてなのサービス

    • はてなブログ
    • はてなブログPro
    • 人力検索はてな
    • はてなブログ タグ
    • はてなニュース
    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2023 Hatena. All Rights Reserved.
    設定を変更しましたx