テキストだけを含むdivを自動的に垂直方向にスクロールする簡単な方法を見つけようとしています。フレームワークを使用したくありません(ただし、Prototypeを使用しているので、Prototypeを使用する方が簡単な場合は問題ありませんが、Scriptaliciousは使用できません)。
数行のコードでこれを行う方法が必要だと思いますが、Javascriptに精通していないため、最も効果的に行う方法を理解できていません。
テキストだけを含むdivを自動的に垂直方向にスクロールする簡単な方法を見つけようとしています。フレームワークを使用したくありません(ただし、Prototypeを使用しているので、Prototypeを使用する方が簡単な場合は問題ありませんが、Scriptaliciousは使用できません)。
数行のコードでこれを行う方法が必要だと思いますが、Javascriptに精通していないため、最も効果的に行う方法を理解できていません。
<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)"
マーキータグの属性として...
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"
正解はまだ出ていないようです。たとえば、cloneNode()を確認する必要があると思います。そして、スクロールしたい要素のクローンを作成します。最初の要素がスクロールの最後のポイントにあるときに、複製された要素を最初の要素の後に配置します。そして、その複製された要素がほぼ最後になったら、複製の後にオリジナルを配置します。