- 2008-05-01 (木)
- action script
ActionScript2.0 製のゆっくり止まるスクロールバー、いわゆる「減速するスクロールバー」です。
ソースはこちら：slowDownScrollBar.fla（Flash8形式）
今までその場対応でいろんなバリエーションのスクロールバーを作って把握しづらくなったので、ついにtrick7.comのトップをそれなりにして、多少アーカイブしました。
今回の機能としては初期の機能＋減速機能な感じで：
- 減速しながらスクロール
- スクロールバーの後ろ（敷地？）部分を押しても減速スクロール
- 上下三角カーソル押しても減速スクロール
- Windowsのみマウスホイール減速スクロール。Flash の機能で実装しているのでMac対応したい人はこの部分のコードをオフにして別途 JavaScript と連携させて実装してください。（現状 MouseWheel on Mac OS って完璧になったのですかね？要調査でお願いします。）
- ゆっくり止まる具合はフレームスクリプト1行目の friction 変数で調節可。その他設定しそうな変数も同様にフレームスクリプト上部にまとめてあるのでそこをいじってください。
あとは各自要望に応じてコードを簡略化したり追加実装するなりご自由にどうぞ。一応パートごとにコード削れるようになっているつもりです。サイズ変更や横スクロールにするといった改造の際は、trick7トップから過去のスクロールバー記事のコメントなどを参考にしてください。
補足：僕がActionScript初心者の時にActionScript初心者を意識して作ったものなので、もっと効率良くコード書いてる人は教えてください。このサンプル内にバグなどあれば各自直して各自ブログで公開していただけましたらリンク貼らせていただきます。実業務に使えるレベルなのかは自己判断でお願いしますね。
- Newer: tweener を微妙に覚えているぐらいの人に捧ぐ
- Older: FeedBurner にしました
Comment:13
- mash 2008-05-02 (金) 16:32
-
どうもご無沙汰してます。
さりげにこえ部の左プレイヤーのコメント部分も減速スクロールしますよ！
それにおすすめなのは、Flashがアクティブでない時でも、マウスオーバーしてホイールスクロールすると（Flash部分クリックしないでも）動く。
- tera 2008-05-02 (金) 21:37
-
＞mashさん
お世話になってます。
素敵なスクロールバーですね。たしかAS3でしたっけ？
いまHTML拝見したら、こえ部っていろんなJavaScriptのオンパレードですね～。
またいろいろ教えてください～。 - tk-2 2008-05-08 (木) 19:31
-
＞ついにtrick7.comのトップをそれなりにして、
コーディングの鬼からゆわせてもらうと、0点どころかマイナス点のソースですよ！ｗｗｗ
タグがきちんとかけてなかったり、閉じタグの位置が違ったりｗ
フラッシュだけでなく、ｈｔｍｌも愛してあげて～！！ - tera 2008-05-09 (金) 08:12
-
＞tk-2
おひさしぶりー。準備できとるかい？
そのうち直すわー。 - Slepp 2008-05-30 (金) 21:52
-
はじめまして。SLEPPと申します。
減速するスクロールバーを製作しようとていたのですが、なかなかうまくいかずギブアップしていたところ、
trick7.com様を発見してテンションあがっております。しかし当方、FlashMX２００４ユーザーでして、Flash8形式の.Flaファイルが開けませんでした;_;
もしよろしければMX2004形式で.Flaファイルを再UPして頂けないでしょうか？ハジメマシテでいきなりのお願いで誠に申し訳ございませんm(__)m
- tera 2008-05-30 (金) 22:53
-
＞Slepp様
コメントありがとうございます。
当方既にCS3しかありませんので、2004形式での保存ができません。
お手数ですがFlash8をお持ちのご友人の方にお願いしていただくか、CS3体験版などでソースをご覧いただくかでご対応いただけますでしょうか？
とりいそぎすみません。 - Slepp 2008-05-31 (土) 00:39
-
tera様
ご丁寧にお返事＆アドバイス下さってどうもありがとうございます。
とても嬉しく思います。
なんとかファイルを開けるよう動いてみます！
CS3へのバージョンアップ（てかもう買い替えですね。。。汗）も検討しようとおもいます。
これからもいろいろと勉強させてください！！
この度はどうもありがとうございました。 - tk-2 2008-06-03 (火) 15:12
-
どうも。ぼくです。
あのさ、これってホイールでコリコリしようと思ったら、いったんフラッシュ領域をクリックせんとあかんよね？
ほんで、ページ（ｈｔｍｌ部分）をスクロールしようと思ったら、今度はフラッシュ領域以外をクリックせんとあかんやん。これをですね。フラッシュの領域に入ったとか出たとかを判断して処理することはできますか？
用は、ｈｔｍｌのinlineflameみたいにできるのかなぁと思って。。。いつも質問ばかりですんまそん。
- tera 2008-06-03 (火) 15:35
-
やるならjsで制御することになるんかと思うんやけど、
http://laszlo.jp/modules/xhnewbb/viewtopic.php?topic_id=192&forum=1
ブラウザごとに挙動とか変わってくるので難しいっぽい。AS3ならswfにフォーカスが乗ってるか乗ってないかが取得できるようになったから、
http://mtl.recruit.co.jp/blog/2007/10/actionscript_3_50.html
の27番
こいつとやっぱりjsを併用することになるかと思うけどやっぱりブラウザごとの挙動に苦労するかも。僕は力技で事前にクリックさせて始まるようなswfにしちゃうようにしてる。swf出るときは知らんぷりする。
あ！上のコメントにある「こえ部」ではその辺うまいことやってるっぽいので、そっちのjsで勉強させてもらったら？製作者のかたがjsのエキスパートなのでたぶん僕にはすぐに理解できんのやけど。
- tk-2 2008-06-03 (火) 15:53
-
おお！すばやい返事ありがとう。
ｊｓとの連携ってゆうのは、想像ついてたんやけど、、、
ブラウザごとの挙動か、、、、なるほど。知らんぷりって、、、ｗ
「ぷり」このあたりがかわいらしいやん～ｗｗ！「こえ部」参考にさしてもらいま。
ありがとう！！！ - tk-2 2008-06-03 (火) 16:04
-
ってか、mashサンのコメント見たけど、まさにこれですやん。もちろんサイトも見せてもらった。
コメント読まずして投稿してしまった。。。。ごめん。AS3からフォーカスを取得できるようになったのね。サンクス！！
- tks 2008-06-19 (木) 14:37
-
これのスクロールバーFIX版を作ろうと思ったんですが、むずい・・・
- tera 2008-06-20 (金) 16:44
-
＞tksさま
コメントありがとうございます。
なにせコード書いた本人もまとめきれておりませんのでｗ
Trackback:0
- TrackBack URL for this entry
- http://www.trick7.com/blog/mt-tb.cgi/734
- Listed below are links to weblogs that reference
- ゆっくり止まるスクロールバー from trick7.com blog
![FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]](http://images.amazon.com/images/P/4881664573.01._SCTHUMBZZZ_.jpg)
