问题标签 [autogrow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
44 浏览

textarea - 混合文本区域 - 自动增长到固定高度,然后应用滚动条

有没有办法创建一个具有起始高度、自动增长后的最大高度以及从那时起出现滚动条的混合文本区域?

我在网上看到的所有示例都是自动增长或滚动条,但没有包含两者。

0 投票
1 回答
47 浏览

html - 如果它具有相对位置元素,是否可以增长一个 div?

对于 div 中的每个元素,它的宽度都会增加,但是当我们放置一个定位元素时,这里的错误消息是相对定位的,并且顶部为 3px。因为它显示容器没有增长。如果我使用

如何解决此问题,我是否缺少任何技巧。我可以手动增加它的高度的一种方法。但是我认为这不是最优雅的解决方案,如果我的内容发生变化,那么我会再次重新计算高度。

如果容器具有定位元素,则自动增长容器。

0 投票
2 回答
884 浏览

jquery - jQuery,文本区域调整大小

所以我有下面的标准 textarea 自动增长代码,我已将其更改为绑定输入属性更改以捕获粘贴。

我一直试图让初始化时的 textarea 与文本的高度相同。我见过人们使用各种方式,例如

这行不通。我所做的另一件事是模仿 textarea 的 keydown 事件,它肯定会扩展 textarea,但它最终会在文本之后出现很多空白并且太大。

关于如何确保 textarea 即使在初始化时也适合文本的任何建议?谢谢。

0 投票
1 回答
646 浏览

javascript - Webpack / jquery.ns-autogrow Uncaught TypeError: Cannot read property 'fn' of undefined

在那里

一般来说,我是 Webpack 或 JS-bundel 的新手。所以这个问题可能听起来很愚蠢。如果是这样,我很抱歉。。

我正在使用 webpack 捆绑所有 JS 文件。到目前为止,我有这个即时消息main.js

但是现在我Uncaught TypeError: Cannot read property 'fn' of undefined在 ns-autogrow 插件/模块的开头得到了正确的结果。

需要依赖项是我做错了什么吗?

0 投票
1 回答
1660 浏览

textarea - Angular Material Textarea 自动增长

我正在使用 Angular Material 文本区域。我想强制自动增长功能仅垂直扩展而不是水平扩展。我试图设置宽度,但这没有帮助。

我怎样才能做到这一点?

0 投票
1 回答
1156 浏览

javascript - 在 sapui5 中渲染后,自动增长的文本区域的高度无效

我有自动增长 sap.m.TextArea 的 xml 视图

如果我输入了超过 5 行的足够大的文本,请保存它并重新加载页面文本区域将以极高的高度呈现。如果我们尝试输入一些东西,文本区域会根据文本调整其高度。

经过小的研究,我发现文本区域方法onAfterRenderingoninput使用方法_adjustHeight采用 dom 元素并使用其属性scrollHeight来计算高度。但是当它被调用时onAfterRendering是错误的scrollHeight

我试图触发输入事件,但文本区域中的输入处理程序跳过了由 jQuery().trigger() 触发的事件。

也许有人有想法如何避免这种情况或已经面临这个问题?

0 投票
1 回答
549 浏览

laravel - Vue - 具有多个额外插件的 Ckeditor

我在我的网站上与 Laravel 一起使用 vue-ckeditor2。我试图弄清楚如何使用多个额外的插件。

这样做可行,但最终只有一个额外的插件 - 嵌入:

这也有效,但我最终只有一个 - 自动增长:

但是,以我在网上发现的一种方式将它们组合起来是行不通的,实际上会使 textarea 一起消失:

0 投票
0 回答
31 浏览

slideshow - w3.css 幻灯片:如何在自动幻灯片中添加放大图像

在我的网站 (www.ricpedrotti.com) 中,我使用 PrettyPhoto 进行幻灯片放映。我想通过用 css3 和最多一点 java 替换它来减轻和加快速度。我可以单独制作幻灯片并通过悬停放大图像,但我无法在节目中自动放大图像。我的问题是:如何合并这两种效果(就像在 PrettyPhoto 中一样)?PS我愿意和热情,但不是很熟练......

非常感谢您的回复。我添加我的代码,希望它不是太原始,并且img上传是正确的。

HTML[胰蛋白酶]

CSS

-webkit-animation:xfade 48s 24s 无限;动画:xfade 48s 24s 无限;} .container img:nth-child(3) { -webkit-animation: xfade 48s 30s 无限;动画:xfade 48s 30s 无限;} .container img:nth-child(2) { -webkit-animation: xfade 48s 36s 无限;动画:xfade 48s 36s 无限;} .container img:nth-child(1) { -webkit-animation: xfade 48s42s 无限;动画:xfade 120s 48s 42s 无限;}

0 投票
1 回答
59 浏览

ckeditor - CKEDITOR 自动增长焦点延迟和样式

将具有多个堆叠编辑器的 iOS Web 视图转换为自动增长插件时,我遇到以下问题:

  1. 我在编辑器中有默认的边距、字体和字体大小样式,现在被忽略了——我试过在我能想到的任何地方设置这种样式,但没有效果——这些可以改变吗?

  2. 编辑器尊重最小高度,但似乎只有在靠近编辑器内容空间顶部时才能获得焦点。

0 投票
1 回答
161 浏览

ionic-framework - ion-textarea autoGrow 在输入时滚动到顶部

在我的 Ionic 5 应用程序中,当ion-textareawithautoGrow="true"的高度变长时,当用户的输入超过屏幕高度时,它总是在输入时滚动到顶部。此处报告了此确切问题,据说此修复程序已在此处合并。

我的 Ionic 版本是 6.16.1,我正面临这个问题。这个问题可以在这里检查