1

スクロールバーに使用される div セクションがありますが、div セクションの幅と高さを変更しても、何を変更しても結果は変わりません。

<DIV class=scroll style=overflow-y:hidden;overflow-y:hidden> description</DIV>

css
.scroll {}で

「スクロール」内に何もなくても、DIVタグでオーバーフローを使用したためスクロールバーが表示されますが、DIVスクロールバーでクラス=スクロールを削除すると、高さ幅をすべて変更しましたが、何も起こりませんでした。

4

6 に答える 6

2

これを使用できます

<div style="overflow: scroll ;max-height: 250px; width: 50%;">

要件に従ってプロパティ値を変更します。

于 2015-03-12T06:37:09.083 に答える
1

使用しているDoctypeは何ですか? マークアップで html5 を使用する必要があります。

<!DOCTYPE html>
<html>
  ...
</html>
于 2013-01-17T10:49:36.447 に答える
0

インライン スタイルを削除しoverflow: scroll、CSS で使用します。

http://jsfiddle.net/vqEkp/

タグはhidden overflow-x/-y、スクロールバーを常に削除 (非表示) するようにブラウザーに明示的に指示します。

必要なときだけスクロールバーを表示したい場合は、overflowタグを完全に除外するか、タグを に設定しますauto

または、overflow: scrollビットをインライン スタイルに配置します。ただし、一般的には、可能な限りインライン CSS スタイルの代わりにスタイルシートを使用する必要があります。

<DIV class="scroll" style="overflow:scroll"> description</DIV>

ps 属性値を引用符で囲む必要があります。

于 2013-01-17T10:48:32.637 に答える
0

これを使って

<div style="overflow: scroll;">your content</div>
于 2013-01-17T10:50:51.540 に答える
0

特定の要素であれば、ID を作成できます。CSS に移動して、次の操作を行います。

#element {
    width: ??px;
    height: ??px;
}

HTML に移動し、「id="element」を追加します。

 <DIV id="element" class=scroll style=overflow-y:hidden;overflow-y:hidden> description</DIV>
于 2013-01-17T10:51:17.803 に答える
0

固定スクロールバー

これにより、常に表示される要素にスクロールバーが表示されます。コンテンツが少なく、スクロールする必要がない場合、スクロールバーはそのまま残り、無効としてスタイルが設定されます。

.scroll{
    overflow: scroll;
    height: 100px;
}

スクロールバー、必要な場合のみ

これにより、必要に応じてスクロールバーが表示されます。スクロールする必要がないコンテンツが少ない場合、スクロールバーは表示されません。これは見栄えが良く、幅も取りません。

.scroll{
    overflow: auto;
    height: 100px;
}

文書型

インラインコーディングが奇妙なことをしている理由は、不適切な doctype が原因である可能性もあります。これを定義する必要があります。最近の一般的な慣習は<!DOCTYPE HTML>. それをhtmlファイルの最初に配置するだけで、その後に続きます<html>


.example_auto{
    height: 75px;
    overflow: auto;
    width: 24%; /*  just for demo */
    display: inline-block; /*  just for demo */
    vertical-align: top; /*  just for demo */
    background: #FFC; /*  just for demo */
}
.example_scroll{
    height: 75px;
    overflow: scroll;
    width: 24%; /*  just for demo */
    display: inline-block; /*  just for demo */
    background: #FCF; /*  just for demo */
}
<div class="example_auto">This is too little content to scroll.</div>
<div class="example_scroll">This is too little content to scroll.</div>

<div class="example_auto">This div has waaaaay more content en will need a scrollbar. This will look almost the same in both cases.</div>
<div class="example_scroll">This div has waaaaay more content en will need a scrollbar. This will look almost the same in both cases.</div>

于 2015-11-11T20:29:52.747 に答える