как обернуть текст внутри определенной ширины и высоты, используя javascript с прокруткой вверх и прокруткой вниз

Question

Im очень новый в javascript, и я использую его для создания интерактивного веб-сайта, но есть проблема. Поскольку я только что начал все, что знаю, как сделать warpText моим контентом, и я не знаю, как я могу сделать код в javascript, который имеет функцию, которая при переполнении wrapText в заданной ширине и высоте. появится прокрутка вверх и вниз и поможет перемещаться по тем, которые не сидят.

это то, что я использую:

function wrapText(text, x, y, maxWidth, lineHeight) 
{ 
    var words = text.split(''); 
    var line = ''; 
    for(var n = 0; n < words.length; n++) 
    { 
    var testLine = line + words[n] + ''; 
    var metrics = content.measureText(testLine); 
    var testWidth = metrics.width; 
    if(testWidth > maxWidth) 
    { 
     context.fillText(line, x, y); 
     line = words[n] + '';y += lineHeight; 
    } 
    else { 
      line = textLine; 
     } 
    } 
context.fillText(line, x, y); 
} 

в функции ничьи:

wrapText(currentText, 45, 460, 800, 20); 

Answer 1

Вот my jsFiddle solution. Я думаю, что ваше решение требует только простой HTML/CSS:

HTML:

<div id="foo" class="wrap">...</div> 

И ваш CSS:

#foo { 
    width: 400px; 
    height: 300px; 
    background-color: yellowgreen; 
} 

.wrap { 
    overflow-y: auto; 
}