问题标签 [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.
textarea - 混合文本区域 - 自动增长到固定高度,然后应用滚动条
有没有办法创建一个具有起始高度、自动增长后的最大高度以及从那时起出现滚动条的混合文本区域?
我在网上看到的所有示例都是自动增长或滚动条,但没有包含两者。
html - 如果它具有相对位置元素,是否可以增长一个 div?
对于 div 中的每个元素,它的宽度都会增加,但是当我们放置一个定位元素时,这里的错误消息是相对定位的,并且顶部为 3px。因为它显示容器没有增长。如果我使用
如何解决此问题,我是否缺少任何技巧。我可以手动增加它的高度的一种方法。但是我认为这不是最优雅的解决方案,如果我的内容发生变化,那么我会再次重新计算高度。
jquery - jQuery,文本区域调整大小
所以我有下面的标准 textarea 自动增长代码,我已将其更改为绑定输入属性更改以捕获粘贴。
我一直试图让初始化时的 textarea 与文本的高度相同。我见过人们使用各种方式,例如
这行不通。我所做的另一件事是模仿 textarea 的 keydown 事件,它肯定会扩展 textarea,但它最终会在文本之后出现很多空白并且太大。
关于如何确保 textarea 即使在初始化时也适合文本的任何建议?谢谢。
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 插件/模块的开头得到了正确的结果。
需要依赖项是我做错了什么吗?
textarea - Angular Material Textarea 自动增长
我正在使用 Angular Material 文本区域。我想强制自动增长功能仅垂直扩展而不是水平扩展。我试图设置宽度,但这没有帮助。
我怎样才能做到这一点?
javascript - 在 sapui5 中渲染后,自动增长的文本区域的高度无效
我有自动增长 sap.m.TextArea 的 xml 视图
如果我输入了超过 5 行的足够大的文本,请保存它并重新加载页面文本区域将以极高的高度呈现。如果我们尝试输入一些东西,文本区域会根据文本调整其高度。
经过小的研究,我发现文本区域方法onAfterRendering
和oninput
使用方法_adjustHeight
采用 dom 元素并使用其属性scrollHeight
来计算高度。但是当它被调用时onAfterRendering
是错误的scrollHeight
。
我试图触发输入事件,但文本区域中的输入处理程序跳过了由 jQuery().trigger() 触发的事件。
也许有人有想法如何避免这种情况或已经面临这个问题?
laravel - Vue - 具有多个额外插件的 Ckeditor
我在我的网站上与 Laravel 一起使用 vue-ckeditor2。我试图弄清楚如何使用多个额外的插件。
这样做可行,但最终只有一个额外的插件 - 嵌入:
这也有效,但我最终只有一个 - 自动增长:
但是,以我在网上发现的一种方式将它们组合起来是行不通的,实际上会使 textarea 一起消失:
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 无限;}
ckeditor - CKEDITOR 自动增长焦点延迟和样式
将具有多个堆叠编辑器的 iOS Web 视图转换为自动增长插件时,我遇到以下问题:
我在编辑器中有默认的边距、字体和字体大小样式,现在被忽略了——我试过在我能想到的任何地方设置这种样式,但没有效果——这些可以改变吗?
编辑器尊重最小高度,但似乎只有在靠近编辑器内容空间顶部时才能获得焦点。