Bật di chuyển dọc trên textarea

Question

Tôi có vùng văn bản mà tôi muốn bật cuộn dọc. Khi tôi vượt quá chiều cao của vùng văn bản, nó sẽ tăng kích thước. Thanh cuộn không xuất hiện. Tôi muốn một thanh cuộn dọc xuất hiện và người dùng cũng không thể thay đổi kích thước vùng văn bản.

Tôi đã tìm kiếm các giải pháp trực tuyến và đã thử được đăng, nhưng dường như không có giải pháp nào hoạt động.

Demo: http://jsfiddle.net/hozefa/8fv6e/

CSS:

#imageURLId{ 
font-size: 14px; 
font-weight: normal; 
resize: none; 
overflow-y: scroll; 
} 

HTML:

<label for="aboutDescription" id="aboutHeading">About</label> 
<textarea rows="15" cols="50" id="aboutDescription" 
    style="resize: none;"></textarea> 
<a id="imageURLId" target="_blank">Go to 
    HomePage</a> 

Answer 1

Bạn có thể thử thêm:

01.

#aboutDescription 
{ 
    height: 100px; 
    max-height: 100px; 
} 

Cập nhật: http://jsfiddle.net/8fv6e/3/

Answer 2

Có lẽ một cố định height và overflow-y: scroll;

Answer 3

Hãy thử điều này: http://jsfiddle.net/8fv6e/8/

Nó là một phiên bản của câu trả lời.

HTML:

<label for="aboutDescription" id="aboutHeading">About</label> 
<textarea rows="15" cols="50" id="aboutDescription" 
    style="max-height:100px;min-height:100px; resize: none"></textarea> 
<a id="imageURLId" target="_blank">Go to 
    HomePage</a> 

CSS:

#imageURLId{ 
font-size: 14px; 
font-weight: normal; 
resize: none; 
overflow-y: scroll; 

} 

Answer 4

Đơn giản chỉ cần, thay đổi

<textarea rows="15" cols="50" id="aboutDescription" 
style="resize: none;"></textarea> 

để

<textarea rows="15" cols="50" id="aboutDescription" 
style="resize: none;" data-role="none"></textarea> 

---

tức, thêm:

data-role="none" 

Answer 5

Dưới đây là CSS của bạn

element{ 
    width: 200px; 
    height: 300px; 
    overflow-y: auto; 
}