auのトップページのようなスクロール・リンク

質問

お世話になります。今携帯サイトを作成しておりますが、auのトップページの以下の動作をさせたいです。

・カーソルが該当リンクを選択すると文字がスクロールして外れると止まる。
・カーソルが該当リンクを選択すると文字だけでなくそのライン（行）がリンク対象になる。

調べたり、いろいろ試しましたがうまくいきませんでした。
ご教授お願いいたします。

回答No.2

MAN_MA_RUI · ベストアンサー

au oneトップはFlashで構成されているためHTMLファイル単体で完全に同じ動作を実現するのは無理じゃないでしょうか。
#1で紹介したものがFlashを使わない場合に最も近い動作と操作性を提供するものだと思います。

お礼

ご回答ありがとうございます。

FLASHで作成されたものだったんですね。
納得しました。

回答No.1

MAN_MA_RUI

一言にまとめると、スクロールさせたい場所にwhite-space: nowrap;を指定する。

補足

ご回答ありがとうございます。

>・カーソルが該当リンクを選択すると文字がスクロールして外れると止まる。
この動作はうまく出来ました。

>・カーソルが該当リンクを選択すると文字だけでなくそのライン（行）がリンク対象になる。
この動作の場合ですが、スクロールをさせないでライン（行）をリンク対象にするには例えば横の画面サイズが240の場合テキスト文が短い場合は240になるまでスペースを入れるしかないのでしょうか。