Javascript/Jquery 技术：使用溢出：隐藏对固定大小的文本区域进行分页

发布于 2024-11-02 02:40:26 字数 475 浏览 0 评论 0原文

我有一个用户输入 </code> 元素，具有以下 CSS：

#input_text{ 
    height:200px; 
    overflow:hidden;  
    border-width:0;
    background-color:transparent;
}

'overflow:hidden' 的主要原因是为了避免在文本区域已满。相反，我希望在文本区域变满时进行分页。实现这一点的最佳方法是什么？我正在考虑 javascript/jquery，但不确定具体如何。

附加说明：当到达文本区域末尾时，会自动进行分页（新页面），而如果用户退格或单击指向该页面的链接（返回到第 1 页），则页面会切换回来（旧页面）。

并不期待完整的解决方案，但一些有用的提示会对我（可能也是未来的编码员）派上用场。谢谢。

原文

I have a user input <textarea id='input_text'> element, with the following CSS:

#input_text{ 
    height:200px; 
    overflow:hidden;  
    border-width:0;
    background-color:transparent;
}

The main reason for 'overflow:hidden' is to avoid the ugly scroll bar that pops up when the textarea is full. Instead, I would like pagination to occur when the textarea becomes full. What would be the best way to implement this? I'm thinking javascript/jquery, but not sure exactly how.

Additional notes: When end of textarea is reached, pagination occurs automatically (new page), while the page switches back (old page) if the user backspaces, or clicks on a link to it (back to page 1).

Not expecting full solution, but some useful hints would come in handy for me (possibly future coders as well). Thanks.

分享到QQ

分享到微博