0

テキストだけを含むdivを自動的に垂直方向にスクロールする簡単な方法を見つけようとしています。フレームワークを使用したくありません(ただし、Prototypeを使用しているので、Prototypeを使用する方が簡単な場合は問題ありませんが、Scriptaliciousは使用できません)。

数行のコードでこれを行う方法が必要だと思いますが、Javascriptに精通していないため、最も効果的に行う方法を理解できていません。

4

4 に答える 4

6

<marquee>これは従来の方法ではないかもしれませんが、タグを試すことができます

IEとFFの両方で動作し、前回チェックしたときはサファリでも動作します。

<marquee behavior="scroll" direction="up" height="250" 
   scrollamount="2" scrolldelay="10"">
  Your content goes here
</marquee>

あなたが望むものをあなたに与えるべきで
あり、あなたはそれらを他のようにスタイリングすることができます<div>...
そしてjavascriptがないという追加の利点があります...

コメントに応じて編集する

それは良くなります、どんなブラウザでもこれを試してください

onmouseover="this.stop()" onmouseout="this.start()"

そしてこれはIEで

style="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0,
FinishOpacity=100, 
Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)" 

マーキータグの属性として...

于 2009-12-22T21:41:25.377 に答える
0
function scrollDivUp(id){
    document.getElementById(id).scrollTop-=1
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

多分そのようなことを試してみてください。

.scrollTop-=1を.scrollTop+= 1に変更して、逆方向にスクロールすることもできます。

サイズを制限し、オーバーフロースタイルプロパティを設定することで実行できるスクロール可能なdivも必要になります。style = "width:200px; height:300px; overlay:auto"

于 2009-12-22T19:59:52.837 に答える
0

divのscrollTopを変更してみてください。ここに例があります。

于 2009-12-22T19:59:56.710 に答える
0

正解はまだ出ていないようです。たとえば、cloneNode()を確認する必要があると思います。そして、スクロールしたい要素のクローンを作成します。最初の要素がスクロールの最後のポイントにあるときに、複製された要素を最初の要素の後に配置します。そして、その複製された要素がほぼ最後になったら、複製の後にオリジナルを配置します。

于 2010-08-29T04:42:08.933 に答える