Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript/Jquery技术:使用溢出:隐藏对固定大小的textarea进行分页_Javascript_Jquery_Pagination_Textarea_Jquery Pagination - Fatal编程技术网

Javascript/Jquery技术:使用溢出:隐藏对固定大小的textarea进行分页

Javascript/Jquery技术:使用溢出:隐藏对固定大小的textarea进行分页,javascript,jquery,pagination,textarea,jquery-pagination,Javascript,Jquery,Pagination,Textarea,Jquery Pagination,我有一个用户输入元素,带有以下CSS: #input_text{ height:200px; overflow:hidden; border-width:0; background-color:transparent; } “溢出:隐藏”的主要原因是为了避免在文本区域已满时弹出难看的滚动条。相反,我希望在textarea已满时进行分页。实现这一点的最佳方式是什么?我在考虑javascript/jquery,但不确定具体是如何实现的 其他注意事项:当到达t

我有一个用户输入
元素,带有以下CSS:

#input_text{ 
    height:200px; 
    overflow:hidden;  
    border-width:0;
    background-color:transparent;
}
“溢出:隐藏”的主要原因是为了避免在文本区域已满时弹出难看的滚动条。相反,我希望在textarea已满时进行分页。实现这一点的最佳方式是什么?我在考虑javascript/jquery,但不确定具体是如何实现的

其他注意事项:当到达textarea末尾时,自动分页(新页面),而如果用户退格或单击指向该页面的链接(返回到第1页),页面将切换回(旧页面)


不期望有完整的解决方案,但一些有用的提示对我来说很有用(可能将来的程序员也是如此)。谢谢

文本区域分页是一个可怕的想法。如果我的评论太长,我就不必翻阅多页来通读了

我会选择StackOverFlow在文本区使用的插件。它允许用户随心所欲地扩展文本区域。

该插件将满足您的需求。当更多的文本进入文本区域时,它会垂直拉伸文本区域。

我会这样做:

  • 在keyup事件上,检查scrollHeight是否大于textarea的高度
  • 如果是,请删除文本区域中的文本并将其存储在数组中。此数组的值将构成您的“页面”
  • 然后,您需要构建一些UI来在页面中前后导航

这个解决方案的“乐趣”部分是如何在中间添加或删除页面时重新流页面。

页码是什么意思?就像一个完全不同的页面一样?带有溢出:隐藏浏览器会随着光标自动滚动内容。我想这不是你要找的?但那又怎么样?那正是我所想的,谢谢你的建议。欢迎任何进一步的建议!