css div.infobox { font-size: 80%; text-align: left; padding: 3px; width: 100%; height: 5em; overflow: auto; scrollbar-face-color: red } html あいうえおかきくけこで、inbox内をスクロールするにはどうすれば宜しいでしょうか？又、スクリプト等で動かせる場合、このinbox内の情報は、検索ロボットに拾われるのでしょうか？よろしくお願い致します。

divinboxにて囲まれた場所を自動スクロールする方法

解決済

質問者：morinokoe
質問日時：2007/10/22 17:16
回答数：1件

css
div.infobox { font-size: 80%; text-align: left; padding: 3px; width: 100%; height: 5em; overflow: auto; scrollbar-face-color: red }
html
<div class="infobox">
<ul>
<li>あいうえお
<li>かきくけこ
</ul>
</div>

で、inbox内をスクロールするにはどうすれば宜しいでしょうか？
又、スクリプト等で動かせる場合、このinbox内の情報は、検索ロボットに拾われるのでしょうか？
よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： is_may
回答日時：2007/10/23 15:22

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">

</style>
<script language="javascript">
</script></head>
<body>
<div class="infobox" id="inbox">
<div id="pos" style="position:absolute;left:0px;"></div>
<ul>
<li>あいうえお
<li>かきくけこ
</ul>
<div id="stop" style="font-size:1px;"></div>
</div>
</body>
</html>

上のようにすれば自動スクロールできます。強引な方法なのでIEでしか動きません。
「xStart()」関数の最初の行にある
i=0;
はデフォルトのスクロール処理フィールドのY座標です。高さが200pxのフィールドの場合、「i=200;」で読み込みと同時に即スクロールを開始します。
<div id="pos" style="position:absolute;left:0px;"></div>
を
<div id="pos" style="position:absolute;left:0px;">■</div>
にして実行すればどういうことか分かると思います。

フィールド内の内容は検索ロボットに拾われるはずです。
インラインフレームとは違い、同一ドキュメント内にありますし、別に怪しいモノではありませんから。

この回答への補足

早速試してみました。
回答ありがとうございます。
しかし、infobox内のスクロールが少ししか動きません。
動作として、サイトのページ全体が少しスクロールし、その後、infobox内の部分が少しスクロールされます。
また、スクロール速度は調整できるのでしょうか？
お手数ですが教えて頂けないでしょうか？
よろしくお願い致します。

補足日時：2007/10/26 12:51

通報する