0

固定幅の div があります。div のコンテンツが div 幅を超える場合、テキストを自動スクロール (左と右: 水平方向) したいのですが、css または jquery を考えてこれを行うにはどうすればよいですか。現在、div にはこのようなクラスがあります。 .

       .divcon{
margin:0px;
padding:0px;
height:30px;
width:143px;
font:bold 9px Verdana, Geneva, sans-serif;
line-height:30px;
color:#000;
background-image:url(../images/glass_bg.png);
background-repeat:repeat-x;
display:block;
float:left;

}

スクロールバーは必要ありません..マーキーのような機能が欲しいです

4

5 に答える 5

1

単純なメソッドの 1 つは、 CSSクラスにオーバーフローを追加することです。

overflow: scroll;

これにより、div が水平方向と垂直方向の両方でスクロール可能になります。

一方向にのみスクロールしたい場合は、次のことを試してください。

overflow-y:scroll; // For vertical scroll bar

overflow-x:scroll; // For horizontal scroll bar
于 2013-05-23T04:47:47.780 に答える
0

静的テキストのコードは次のとおりです。div 内のテキストに応じて幅を指定する必要があります。

CSS:

.divcon-outer{
width:143px;

}
.divcon{
margin:0px;
padding:0px;
max-height:45px;
width:auto;
font:bold 9px Verdana, Geneva, sans-serif;
line-height:30px;
color:#000;
background-image:url(../images/glass_bg.png);
background-repeat:repeat-x;
display:block;
overflow-x: auto;
overflow-y: hidden;

}
.divcon p{
min-width:200px;
max-width:50000px;
margin:0;
padding:0;
}

HTML:

<div class="divcon-outer">
<div class="divcon"><p>I have div with fixed width.I want to auto scroll(lefta nd right:Hirizontal direction) the text if content of div is more than div width.How can i do this thought css or jquery.Currently div has a class like this..</p></div></div>
于 2013-05-23T05:21:22.580 に答える
0

あなたはこのようにすることができます

水平スクロールを与えるため

オーバーフロー-x:スクロール;

縦スクロールを与えるため

オーバーフロー-y:スクロール;

両側にスクロールを与えるため

上記のCSSのデフォルトスクロールから、コンテンツのサイズに依存しません

コンテンツのサイズに依存させるには make scroll --> auto

于 2013-05-23T04:47:19.270 に答える
0

追加

overflow: auto; /* scroll bars appear, only when they are needed */

また

overflow: scroll; /* scroll bars appear (both horizontal and vertical, even when not needed */

特に特定のスクロールバーを表示したい場合は、オーバーフローをコーディングする他の方法もあります。ただし、これらは古いブラウザー (IE8 以前) では広くサポートされていません。

overflow-x: scroll; /* only horizontal scroll bar */
overflow-y: scroll; /* only vertical scroll bar */
于 2013-05-23T04:47:47.357 に答える