パソコンむしむしむしむし。湿度80%の部屋で過ごしているがちゃまにあですどーもこんにちは。今日は朝から町内会の草刈りに駆り出されてきました。2時間くらいなんですけどね。しゃがんでたから腰が痛い。ついでに足首と股関節も。整体とか行ったほうがいいのかなー。今日は昨日投げた疑問の解決編です。謎は全て(じゃないけど)解けた・・・!昨日の時点ではこんな感じ。</script>下にスクロールしたら現れるっていうのはいいんやけど、上に戻っても消えないってのは何でなんだろう?スクロールの位置を常時観察してるわけじゃないんだろうか。どのタイミングでこのfunction実行されるんだろ。上の方まで戻らないとボタンが消えなかったんですよねー。これが気に食わなくて。★)」の★部分を変更すればいいことはわかっていたので、色々いじってついに発見。あ、この数字pxなのか(超基本)いや、最初の数字が「100」だったもんだから、てっきり%なのかと...そんなレベルです私(笑)適当に数字を入れて調整してたんですが、記事によって高さが違うし、どうせならどのくらいの割合スクロールさせたかで判断したいよねってことで、色々付け加えました。あと、出てくる動きが単なるフェードインなのもアレだったので変更。「btn.click~」のところでanimateを使ってくれていたのでこの辺は割とすぐできたかな。言ってもここで例示されてるコードの改変だけど。日本語リファレンスよーし、これで完成だべー!!とか思ってニヤニヤしつつ、自分のブログ画面をリロードしてみたんですよ。)こんなのやだやだかっこ悪い!ActionScriptで言う「onClipEvent(load)」*1みたいなヤツ探したんですが、結局よくわからんまま。仕方ないので路線変更して、「最初CSSでボタンを消しておいて、隠すコードを読み込んだらCSS書き換えてしまおう!」ということに。最終的にはこんな風になりました。visibility:hidden;}ということで、下まで行くとクマさんがひょこっと現れます。一応自分とこではちゃんと動いてるんだけどどうでしょうか。そのうちランダムでいろんな動物が出てくるとか実装しようかな。超無駄だけど(笑)*1:ページをロードした瞬間実行するよ!的なやつです。脱出ゲーム制作には欠かせない。【JavaScript・enchant.js】どのゲームにするか決まったよ!【JavaScript・enchant.js】ゲームの企画をするよ!【JavaScript・enchant.js】つくあそゲーム勉強会に参加するよ!【enchant.js】ドロイドくんもぐらたたきのコードを読み解いてみる【enchant.js】ゲームのスコアを表示する(Labelオブジェクト)注目記事スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。