進まない勉強・・・
現在作りたいことを勉強しようとしているのですが、なかなか進まない。
作りたいものの参考としているスクリプトを
どんな構造になっているのかを考えながら見ているのですが、
変数とかどこがどうなっているのかとか、頭が混乱してくる。
なかなか勉強もうまく進まないものですね。
現在やりたいこと
現在勉強しているのは、JavaScriptとCSS関連で
- ・IE6でのposition:fixed
- ・JavaScriptのsetTimeoutやsetIntervalについて
- ・先日書いた条件演算子や比較演算子
- ・animation関係
なかでもIE6でのposition:fixedがぜんぜんできていなかったりする。
どうやればうまくいくのやら。。。
プラグインとか使うのも楽なのですが、
できたら自作したい!ってのがありますので、現在勉強中です。
本当に勉強することが尽きないから面白い!
トップ画のソース
- Photographer
- Kevin Steele
- License
- Creative Commons (by-nc)
- Tool for photo selecting
- Gigazinize Tools - Image
>どうやればうまくいくのやら。。。
jQuery使うと簡単にできます↓
http://okyuu.com/ja/tips/3947
http://d.hatena.ne.jp/cyokodog/20081118/PositionFixed01
またまた教えていただきありがとうございました。
昨日fixed分のみエントリーしようとしたのですが、
内容をposition全体にしてエントリーしました。
jQueryで作る場合で、ガタガタ動かないようにするには
他に方法ってあるのでしょうか???
その時は軽く試してただけなのでどこか記述が誤ってたかもしれませんが・・・面倒なので jQueryメソッドを使ってしまいました。
ちなみにハムさんも試されてるblockUIは内部的にexpressionを使用してるようです。
私の作ったプラグインもright,bottom指定のfixedには対応してなかったりと、いろいろ気になるところがあるので、expressionも含めてまた調べてみたいと思います。
あ!あと、私の言ってた擬似フレームの方法って全然ハムさんの紹介してる方法と違ってましたね(恥)記事直しときました。
紹介されてる方法すごいいいですね。CSSのみで書けるし。確かoverflowしてる要素内のabsolute要素が(overflow要素にrelativeをつけないと)scrollについてこないっていうバグがあったような気がするんですが、それを逆手にとったっていう感じですかね?
僕はそのまじないの方を知らなかったりします(;^_^A
なるほど、blockUIではその方法を使っているのですね。
あとでよく調べておきたいと思います。
今のところ、CSSでfixedさせるのがベストかなと思い、
昨日のエントリを書いたのですが、もっといい方法もあると思うのです。
きっとexpressionを使うのがベストになるのかもしれないですね。
僕の書いた方法は、html,body要素を一つの疑似フレームとして、画面全体の左上を基準位置としているので、relativeが必要ないのだと推測されます。
height:100%にして、スクロールがでるようにoverflow:autoを入れ、
さらにposition:fixed!important;とposition: absolute;を入れることで疑似フレーム化になっているのだと思います。
いろいろ調べての結果なので、自信がなかったりもします(汗)
ちなみに、紹介したCSSのうち、今上に書いたプロパティ全部ないと動作しないですし、
標準準拠でのレンダリングでないと動作してくれないのが悲しかったりします。
あ、一つお願いなのですが、実は昨日のエントリ、
タイプミスでpositioonってなってて、positionに直しておいてくださいm(_ _)m
了解しました!
>なるほど、blockUIではその方法を使っているのですね。
blockUIはexpressionは使ってますが、まじないはかけてないかもしれません。
で、残念ながらまじないは互換モードの時しか効かないようです。
↓こちらに詳細が載ってます
http://useyan.x0.com/s/html/expression/fixed.html
>blockUIはexpressionは使ってますが、まじないはかけてないかもしれません。
あれ?まじないではないと!?
そしてまじないは互換モードの時のみにしか効かないのですか!?
ものすごく使いづらさが漂いますね。
どうすればうまくいくか・・・
僕もいろいろ実験を続けます!