Comment faire de la zone de texte HTML verticalement défilable, ce qui signifie qu'il déclenche automatiquement la ligne suivante lorsque la largeur de la zone de texte est atteinte lors de la saisie (comme textarea mais pas d'utilisation de Texarea)?
4 Réponses :
simple Définissez la hauteur de div et la largeur et le débordement-y égal pour faire défiler
div{
height: 200px;
width: 300px;
overflow-y: scroll;
}
Non, il n'est pas possible de créer une entrée de type texte pour avoir multiligne
Vous pouvez l'avoir de cette manière. CSS avec hauteur et débordement tel que mentionné et attribut contentement sur la balise div au vrai. J'espère que cela aide.
<style>
div.textbox {
background-color: #ececec;
height: 100px;
max-height: 100px;
width: 200px;
overflow-x: hidden;
overflow-y: scroll;
}
</style>
<div class="textbox" contenteditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</div>
Faire une "zone de texte défilable" - Accepte la réponse qui n'utilise pas de boîte de texte ... hmmm
Vous pouvez rendre l'élément modifiable à l'aide de cette propriété. Il agira en tant que textbox p> contentihable = "vrai" code>
<p class="input" contenteditable="true">This is a paragraph. It is editable. Try to change this text.This is a paragraph.</p>
Vous voulez dire un type d'entrée
= "texte" ? C'est un comportement étrangeY a-t-il un moyen de faire ça?
Pourquoi vous n'utilisez pas de zone de texte?
Zone de texte ne supporte pas la barre de défilement parfaite. Je veux vérifier la barre de défilement parfaite fonctionne avec la zone de texte.
Qu'entendez-vous par «la barre de défilement parfait», ce qui définit la perfection ici>
La barre de défilement parfaite est un plugin.
Veuillez afficher votre balisage avec code y compris la référence du plugin
Github.com/mdbootstrap/perfect-scrollbar -> Lien du plugin
Stackoverflow.com/help/minimal-reproductible-example
JS ->
$ ('# élément'). PerfectScrollBar (); et html ->