タグ

スクロールに関するhama_ariesのブックマーク (3)

  • [JS]イージングにも対応した、コンテンツをスクロールさせるスクリプト -Custom Content Scroller

    限られたスペースに設置するのに最適、コンテンツにスクロールバーを設置するjQueryのプラグインを紹介します。 スクロールバーのデザインはCSSで簡単にカスタマイズできます。

  • Flash バーのサイズが変わらないスクロールバー - lovelog || Loveness×Zeroless

    Flashでは更新情報を表示させたりする時にスクロールバーをよく使われると思います。 ただ、内容が多くなればなるほどバーが縮小していきますが、これは元々のバーのデザインも変わってしまいますし、バー自体をドラッグしづらくなっていきます。 バー自体はデザインと同じままで、スクロールの移動距離を変化させるようにすれば、問題は解決です。 「trick7.com」さんの情報を参考にイージングを追加したスクロールバーを作りました。 //なめらかに止まるための抵抗。値が小さいほど減速大。 var friction:Number = 0.2; //スクロールバーの背景をクリックしたときの抵抗。 var coursorMove = 1; var backFriction:Number = 0.1; //スクロール可能かどうかの正否 var flag:Boolean = new Boolean; //頻繁に使

  • 第11回 MovieClipをスクロールさせる―条件判定 | gihyo.jp

    サムネールを水平に並べてスクロールさせるメニューのインターフェイスがある(図1⁠)⁠。スクロールする方向やスピードは、マウスポインタの位置によって変わる。今回と次回の2回にわたって、このようなMovieClipのアニメーションをつくってみたい。今回のポイントは、条件を判定して分岐する処理の書き方だ。 図1 サムネールがマウスポインタの位置に応じてスクロール ループする水平スクロール―ifステートメント まずは、これまでの復習として、毎フレーム5ピクセルで水平方向右に単純にスクロールするMovieClipのフレームアクションを書いてみよう(スクリプト1⁠)⁠。スクリプトを書くときは、いきなり目的の動作を実現しようとするのでなく、処理を小分けにして段階的に進めていくことが大切だ。 上級者でも、ひとつのミスもなく、1回で動きを完成することはたやすくない。小分けにして作成と確認を繰返していけば、問

    第11回 MovieClipをスクロールさせる―条件判定 | gihyo.jp
  • 1