HTML: Wie erstelle ich ein DIV mit nur vertikalen Bildlaufleisten für lange Absätze?

Ich möchte die Allgemeinen Geschäftsbedingungen auf meiner Website anzeigen. Ich möchte kein Textfeld verwenden und auch nicht meine gesamte Seite. Ich möchte nur meinen Text im ausgewählten Bereich anzeigen und nur die vertikale Bildlaufleiste verwenden, um nach unten zu gehen und den gesamten Text zu lesen.

Derzeit verwende ich diesen Code:

<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

Zwei Probleme:

1. Es wird nicht die Breite und Höhe festgelegt und verteilt, bis der gesamte Text angezeigt wird.
2. Zweitens wird die horizontale Bildlaufleiste angezeigt, und ich möchte sie nicht anzeigen.

Verwenden Sie overflow-y. Diese Eigenschaft ist CSS 3.

Um die horizontalen Bildlaufleisten auszublenden, können Sie overflow-x wie folgt auf ausgeblendet setzen:

overflow-x: hidden;

Sie müssen das widthund heightin angeben px:

width: 10px; height: 10px;

Außerdem können Sie overflow: auto;damit verhindern, dass die horizontale Bildlaufleiste angezeigt wird.

Daher möchten Sie möglicherweise Folgendes ausprobieren:

<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>

Danke zuerst

Verwenden overflow:auto es funktioniert für mich.

Die horizontale Bildlaufleiste verschwindet.

Für jeden Fall overflow-xauf hiddenund ich bevorzuge zu setzen max-height, um die Ausdehnung der Höhe des Div zu begrenzen. Ihr Code sollte folgendermaßen aussehen:

overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;

Um die vertikale Bildlaufleiste in Ihrem Div anzuzeigen, müssen Sie hinzufügen

height: 100px;   
overflow-y : scroll;

oder

height: 100px; 
overflow-y : auto;

overflow-y : scroll;
overflow-x : hidden;

height es ist optional

Sie können die Überlaufeigenschaft verwenden

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

Ich hatte auch das gleiche Problem ... versuche das zu tun ... das hat bei mir funktioniert

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

Das ist meine Mischung:

overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.