パララックスにしよう!! skrollrの実装方法 | パソコン倶楽部りんご

テクノロジーカテゴリーの変更を依頼記事元:

clubringo.com

10 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

igakensk8 [skrollr]

パララックス

2014/11/12 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fclubringo.com%2F%25E3%2583%2591%25E3%2583%25A9%25E3%2583%25A9%25E3%2583%2583%25E3%2582%25AF%25E3%2582%25B9%25E3%2581%25AB%25E3%2581%2597%25E3%2582%2588%25E3%2581%2586-skrollr%25E3%2581%25AE%25E5%25AE%259F%25E8%25A3%2585%25E6%2596%25B9%25E6%25B3%2595%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://clubringo.com/%E3%83%91%E3%83%A9%E3%83%A9%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AB%E3%81%97%E3%82%88%E3%81%86-skrollr%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95/">パララックスにしよう!! skrollrの実装方法 | パソコン倶楽部りんご</a><a href="https://b.hatena.ne.jp/entry/clubringo.com/%E3%83%91%E3%83%A9%E3%83%A9%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AB%E3%81%97%E3%82%88%E3%81%86-skrollr%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95/">はてなブックマーク - パララックスにしよう!! skrollrの実装方法 | パソコン倶楽部りんご</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

パララックスにしよう!! skrollrの実装方法 | パソコン倶楽部りんご

みなさま、ごきげんよう。 2014-07-25 勉強会でskrollrの実装方法について、確認しました。自分のサイ... みなさま、ごきげんよう。 2014-07-25 勉強会でskrollrの実装方法について、確認しました。自分のサイトや作品をパララックスにしたい人必見!! この勉強会では”skrollr”というJavaScriptライブラリを使用しました。パララックスサイトの理解が曖昧な人や、初めてパララックスに挑戦する人は、以下の手順でやってみましょう。パララックスとは視差のことです。画像など複数のレイヤーを違った速度でスクロールさせることによって、奥行きを感じさせる表現手法です。 skrollrについてスクロール量に応じて要素を動かすことで簡単にパララックスを実装できるJSライブラリです。