当前位置：文江博客话题详情

jQuery / JS 获取文本区域的滚动条高度

发布于 2024-11-07 11:47:16 字数 210 浏览 1 评论 0原文

我有一个固定高度的文本区域。当用户在文本区域中键入文本时，用户在其中键入一些文本后将显示滚动条。

如何使用 jQuery 或纯 JavaScript 获取滚动条高度？我已经搜索了几个小时，但找不到任何东西。我不能只插入一个 div 并通过 div 偏移量获取滚动条高度，因为文本区域不允许有子元素。

请不要给我一个可以完成这项工作的 jQuery 插件的链接。我想学点东西。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

阳光下慵懒的猫 2024-11-14 11:47:17

textarea.scrollHeight

返回一个整数（像素）

textarea.scrollHeight

returns an integer (pixels)

回复收藏 0 原文

纸伞微斜 2024-11-14 11:47:17

$.each($("textarea"), function () {
    var scrollHeight = parseInt(this.scrollHeight);
    if ($("this").val() != "" && isNaN(scrollHeight) == false && scrollHeight > 0 && scrollHeight > $(this).height()) {
        console.log($(this).attr("id"));
        $(this).height(scrollHeight);
    }
});

$.each($("textarea"), function () {
    var scrollHeight = parseInt(this.scrollHeight);
    if ($("this").val() != "" && isNaN(scrollHeight) == false && scrollHeight > 0 && scrollHeight > $(this).height()) {
        console.log($(this).attr("id"));
        $(this).height(scrollHeight);
    }
});

回复收藏 0 原文

心意如水 2024-11-14 11:47:17

请注意，在比较滚动高度时，应排除文本区域的上内边距和下内边距。

例子

var scrollHeight = $("#textarea_id")[0].scrollHeight;
var padding = 14; //upperpadding 7 and lower padding 7.

if($("#textarea_id")[0].height() < (scrollHeight - padding)) {
  $("#textarea_id")[0].height(scrollHeight - padding);
}

Please note that you should exclude the upper padding and the lower padding of the textarea while comparing the scrollHeight.

Example

var scrollHeight = $("#textarea_id")[0].scrollHeight;
var padding = 14; //upperpadding 7 and lower padding 7.

if($("#textarea_id")[0].height() < (scrollHeight - padding)) {
  $("#textarea_id")[0].height(scrollHeight - padding);
}

回复收藏 0 原文

~没有更多了~