2008年5月14日(水)

« overflow:hiddenが設定された要素の子孫要素を最前面に表示する方法…だれか教えて! | トップページ | ちょっと小細工:textareaの高さを自動調節 »

Yin and Yang:動作改善(?)他

Yin and Yang:リンク先の内容をその場で表示するスクリプトについて、アンカー指定による移動を止める、マウスホイールでページをスクロールしている時などに引っかかりやすい(リンクの上をマウスカーソルが横切るとプレビューが開いてしまう)問題に対処するなど、いくつか修正を行いました(ver.0.02m)。
■Greasemonkey&SeaHorse兼用版
■SeaHorse専用版
ver.0.02hから主として以下のような改修を行っています。
  1. 【共通】アンカー指定で移動していたものをやめ、object.scrollIntoView(true)を使った移動に変更。
    これでアンカー指定のページ履歴が残ったり、IE系でプレビューする度にカチカチ音がする現象がなくなったはず。
  2. 【共通】スクロール時にマウスカーソルがリンクを横切るとひっかりが生じる(敏感に反応してプレビューが開いてしまう)問題の対策。
    一定時間(300ms)リンクの上にカーソルがないと、プレビューが開かないようにしてみました。プレビューが可能になったタイミングで、リンクの背景色がピンク色になります。
  3. 【共通】その他、表示上の微調整。
■余談
scrollIntoView()で移動する先の座標を、移動しないで知る方法はないものでしょうか……あるオブジェクトの位置を知りたいだけなのに、いったんそこまでスクロールしないといけなかったり、さもなくば、いちいち先祖まで遡ってブラウザ依存のオフセット計算をしないといけないなんて、不便極まりないですよねぇ……。

この記事をニフティクリップβに追加 この記事をはてなブックマークに追加 2008/05/14(水) 23:37 | | 記事の編集(管理者用)

風柳へひとこと(web拍手) 

おもいつき」カテゴリの記事

パソコン・インターネット」カテゴリの記事

トラックバック

この記事のトラックバックURL:

記事との関連性が薄いものやSPAM等、管理人が不適切と見なしたトラックバックについては予告無く削除する場合が有ります。悪しからずご了承下さい。

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/161784/41210308

この記事へのトラックバック一覧です: Yin and Yang:動作改善(?)他:

コメント

> いちいち先祖まで遡ってブラウザ依存のオフセット計算をしないといけないなんて、不便極まりないですよねぇ……。 
これしか手が無いんですよね。非常に面倒です・・・
私はjQueryのjQuery.fn.offsetをいただいて対策しています。
同じような機能が各種jsライブラリにあるみたいですので、それらの一部を使用するのもアリではないでしょうか

投稿 958 | 2008/05/16 9:35:34


958 さん、どうもです。

そうですね、各種ライブラリの一部機能に関する処理を参考にする、というのは私もよく使います。
統合的なライブラリの場合、それを読込んでちゃんと使おうとすると、まずはライブラリの癖を把握しないといけない場合が多いので、つい面倒でつまみ食いだけに留まってしまうんですけどね(^^;)。
#ある機能に特化したライブラリならともかく、jQueryのようなものだとまず使い方を覚えて、統一化したコードを書かないと…とか構えてしまって、結局調べるのが面倒で使わずに終わってしまうという(苦笑)

投稿 風柳>958 さん | 2008/05/19 23:17:55


> #ある機能に特化したライブラリならともかく、jQueryのようなものだとまず使い方を覚えて、統一化したコードを書かないと…とか構えてしまって、結局調べるのが面倒で使わずに終わってしまうという(苦笑)

これはありますね
私は「別にいいや」で統一化してませんが・・・(汗汗

投稿 958 | 2008/05/20 16:52:26


コメントを書く