fdScroller.js 画像リンクでダメ？
- 2007年8月 3日 14:56
- web
「続・ページ内リンク（ID）にするするっと移動する」で紹介したページ内スクロールのためのJavaScript（仮称：fdScroller.js）に対して、マーさんから質問をもらった（直前の記事で書いたようにそのときブログのコメント欄がうまく機能していなくて、コメント投稿ができないからメールで書き送ってくれた）。
この、ｊｓを利用しようと思い、設定を行いました。
見事なまでのスムーズな動きに感動しました。が、1つ問題が発生しました。
「このページの先頭へ」など、テキストに対してリンクを張れば問題ないのですが、このテキスト部分を画像に替えると、何も反応しなくなります。確認環境は（WindowsXP SP2 / Firefox2）です。
jsの書き換えが必要でしょうか？
「え？そうなの？」と思いつつ、画像リンクを用いたサンプルページを作成、書かれてある「WindowsXP SP2 / Firefox2」の環境で確認してみたのだが、うーん、問題ないなあ。マーさんのほうでは上記のサンプルページ、動作してますか？
サンプルページが動作しているとして質問を重ねますが、マーさんが試みているリンク部分のソースは、サンプルにあるのと同じような、
というものでしょうか？ それともちょっとちがいますか？
あと、併用しているほかのJavaScriptなどありますか？
どうでしょう？
トラックバック(0)
トラックバックURL: http://web-conte.com/blue/mt-tb.cgi/157
コメント(6)
マーです。
サンプルを見て、「あ、画像でもできてる・・・」と思い、
当方の問題であることを確信して、あれこれ検証してみました。
その結果、fdScroller.jsが古いバージョンのままになっていたことを発見。
fdScroller.jsの内容を新しいバージョンに変えてやったら難なくスルスルっと動いてしまいました。
新しいバージョンの方に質問したのにもかかわらず、こんな凡ミスですいません。たいへん失礼しました。
それと、わざわざサンプルまで作っていただいて返答していただき、誠にありがとうございました。
あ、そうでしたか。解決してなによりです。
ページ内スクロールのためのJavaScript使わせていただいております。
IE6やIE7では動作が遅く（上に上がるのは早いが、下に下がるのは遅い）のですが、原因わかりますでしょうか？
これも「え？そうなの？」と思い、動作サンプルページをIE6で確認してみると、たしかにスクロールダウンがやけに遅い。で、このJavaScriptはもちろんこのサイト全体でも利用しているのだけど、たとえばこのページなどを確認してみるとスクロールダウンも速く、問題が起きてない（ページ内下部に移動するリンクがどこにあるのかわかりにくいと思いますが、「このページ（2007年08月）の目次...」というテキストリンクをクリックするとページ内リンク付の記事一覧が出てきます）。
で、両者のちがいって何だ？というのをあれこれ試していて、わかりました。われながらちょっとよくそこに思い至ったなという案配で、ちがいというのは「XML宣言の有無」。
動作サンプルページのほうには
<?xml version="1.0" encoding="UTF-8" ?>
というXML宣言がアタマにあるんですが、道理はわからないものの、とにかくこれがあるとIE6ではだめな様子。なければスイスイいく。
動作サンプルページからXML宣言のみ取り去った動作サンプルその２を用意したので、スクロールダウンを試してみてください。たぶん「ヤン」さんのほうも同様の理由によるんじゃないかと思いますが、どうでしょう？
自分の場合、IE７では＜動作サンプルページ＞も＜動作サンプルページ２＞も速度に問題はありませんでした。ただ、自分のＨＰ（ただし、まだupはしていないのですが）では、IE7とOperaでは遅くなってしまい、Netscape・Firefox・Safari (win)では問題ありませんでした。ちなみに、XML宣言はありません。
原因が分かりました、ご教授下さい。
原因が分かりました、ご教授下さい。→原因が分かりました「ら」、ご教授下さい。
（済みませんでした。。）
コメントする