根据字符串数组中元素的数量创建div可滚动元素
，可以通过以下步骤实现：
- 首先，需要获取字符串数组的长度，即元素的数量。
- 创建一个div元素，设置其样式为可滚动。
<div style="overflow: auto; height: 200px;">- 使用循环遍历字符串数组，根据数组中的每个元素创建相应的div子元素，并将其添加到父div中。
var arr = ["元素1", "元素2", "元素3"];
var parentDiv = document.createElement("div");
parentDiv.style.overflow = "auto";
parentDiv.style.height = "200px";
for (var i = 0; i < arr.length; i++) {
var childDiv = document.createElement("div");
childDiv.textContent = arr[i];
parentDiv.appendChild(childDiv);
}
document.body.appendChild(parentDiv);- 最后，将父div添加到页面的body元素中。
完整的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>创建可滚动的div元素</title>
</head>
<body>
<script>
var arr = ["元素1", "元素2", "元素3"];
var parentDiv = document.createElement("div");
parentDiv.style.overflow = "auto";
parentDiv.style.height = "200px";
for (var i = 0; i < arr.length; i++) {
var childDiv = document.createElement("div");
childDiv.textContent = arr[i];
parentDiv.appendChild(childDiv);
}
document.body.appendChild(parentDiv);
</script>
</body>
</html>这样就可以根据字符串数组中元素的数量创建一个可滚动的div元素了。
对于这个问题，腾讯云提供了一些相关的产品和服务，例如：
- 云服务器（CVM）：提供弹性计算能力，可用于搭建应用程序的后端服务。了解更多信息，请访问：云服务器产品介绍
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于存储和管理数据。了解更多信息，请访问：云数据库 MySQL 版产品介绍
- 云存储（COS）：提供安全可靠、低成本的对象存储服务，适用于存储和管理各种类型的文件和数据。了解更多信息，请访问：云存储产品介绍
请注意，以上仅为示例，腾讯云还提供了更多与云计算相关的产品和服务，具体可根据实际需求进行选择和使用。
相关·内容
我想根据字符串的数量创建不同的div到一个复选框数组中，但在我的代码之后，它每次只显示一个div…我必须通过一个jquery对话框来显示它！我的JSP
<div style="overflow: scroll;" id="listCurrentContact"></div>
浏览 18提问于2021-06-08得票数 0
回答已采纳
3回答
jQuery可拖动可滚动容器
、、、、
我目前有一个简单的可拖动列表，我希望它在div (项)中并可滚动。$( ".draggable" ).draggable();但正如您所看到的，可拖动元素留在元素容器中，我希望它们能够向外拖动，但也能够在元素数量超过容器长度时立即在元素容器中滚动
浏览 0提问于2015-09-03得票数 6
1回答
我正在创建一个图像滚动器(或者称为旋转木马)，基本上我有一个水平元素，它有一个水平滚动子元素。问题是，我希望父元素是100%宽度，而我希望子元素溢出，但我希望它的宽度是动态的，而不是固定的，这样我可以在不指定固定宽度的情况下添加任意数量的元素。
这个是可能的吗？下面是我正在处理的一个例子，但是目前，溢出
浏览 0提问于2016-05-22得票数 1
回答已采纳
每当我单击“下一步”链接时，我想要一个指向.next()图像的.scrollLeft()的div。
如果我有文档滚动()，它工作得很好，但是如果我想让div滚动，它就会变得很古怪。()
浏览 3提问于2012-01-06得票数 0
1回答
使用ui-滚动显示非常长的文本(在MBs中)的最佳方法是什么？文本以数组的形式可用，但需要像文本区域一样以长文本文档的形式显示。我使用ui-滚动，因为文本中的每个单词都是一个可点击的锚标记。用户界面滚动td显示每个单词为列，行为行是唯一的方式吗？
我有一个包含> 2000元素(words)的大型数组<
浏览 1提问于2020-01-31得票数 2
2回答
可以在可滚动容器中获取可见元素列表吗？当使用卷轴时，屏幕上可见的元素数量显然会发生变化--因此，将特定的类添加到最后两个可见元素是非常困难的。 <div *ngFor="let item of items">
{{
浏览 12提问于2021-12-22得票数 0
1回答
根据矩形的数目填充矩形页
、、、
我想根据这种行为在我的页面中显示一些div：
根据div的数量，它们将占用页面的大小，直到有8个div，然后在9+，它们将保持其大小，页面将成为可滚动的。我考虑过使用像这样的柔性盒，但无法完全达到预期的行为。因此，我开始使用一个名为" one“的JS类(如果有一个元素，两个元素
浏览 3提问于2014-08-22得票数 3
回答已采纳
8回答
在这种情况下，我需要将一个元素滚动到视口中。问题是我不知道哪个元素是可滚动的。例如，在Portrait中，body是可滚动的，而在Landscape中，它是另一个元素(并且有更多的情况会改变可滚动元素)
现在的问题是，给定一个需要滚动到视区中的</e
浏览 319提问于2016-03-11得票数 74
回答已采纳
5回答
理解这一点的最好方法是查看。如果小提琴死了，基本上我有一个可滚动的div，上面有一个固定的元素。通常，当你将鼠标滚到一个可滚动的div上时，它当然会滚动。但是如果你是在固定<em
浏览 0提问于2011-08-25得票数 16
回答已采纳
1回答
我有一个表单，我需要基于一个DOM元素创建一个多维数组，用户只需单击一个按钮就可以多次生成该元素。var dimention = $(".stations").length;
这就是如何获取页面上的<div class="stations">...</div>"元素的数量，并根据这个数量创建
浏览 2提问于2013-04-14得票数 0
回答已采纳
1回答
我有一个父和子div，都是可滚动的。父div具有固定的高度。子div具有动态高度，根据其内容可滚动。
当子元素有很长的内容时，如何实现无缝控制？问题是，如果父滚动位于最上面，则子元素的滚动不能进一步向下滚动，除非鼠标移动一点，将焦点放在父元素上，以便滚动继续
浏览 3提问于2022-09-22得票数 -1
5回答
我在视口的顶部有一个固定位置的元素(本例中是红色条)。这个元素的位置是固定的，因为它根据需要使其不可滚动。它可以具有动态高度。<div class="bar" id="bar"> height: 20px; position: fixed;
top
浏览 0提问于2021-04-06得票数 0
我有一个简单的HTML表，如下所示。这两个列都包含动态内容，但左边有一个可滚动的div。我希望该可滚动div的显示高度根据表的大小进行调整，并使表大小仅由column2的动态高度设置。</div> </tr>我希望该表仅<
浏览 0提问于2012-06-01得票数 1
回答已采纳
2回答
谷歌阅读器和Gmail都有可滚动的div，如果div被滚动，它会在顶部出现阴影。阴影会根据div的滚动量改变不透明度。如何使用Javascript/jQuery检查元素的滚动程度？
浏览 1提问于2012-03-25得票数 1
回答已采纳
好的，我在div中有一个带有拖放类的表，它的overflow设置为"auto"，这允许我隐藏部分时间表，并且只在底部放置一个滚动条。但是，我只是在可滚动的div之外创建了一些可拖放的元素，并且我的可拖动元素不能离开可滚动的div<
浏览 2提问于2009-08-28得票数 4
回答已采纳
2回答
何时*不使用核心数据类型可转换？
、、、、
我理解使用可转换数据类型是在Core数据中存储数组或任何自定义对象的简单方法。我想知道什么时候应该使用而不是使用可转换的，而是应该创建另一个实体并使用-许多关系。如果它是一个字符串数组，那么是否有最大数量的元素或字符串的最大长度会导致显着的性能问题？
浏览 4提问于2011-07-21得票数 14
回答已采纳
1回答
我在下面有一些简单的代码，它在大部分情况下都可以工作。它现在所做的是为我的数组中的前5个元素创建5个不同的菜单，然后其余的元素显示在一个小小的可滚动菜单选择中。如何才能使数组中的所有元素都出现在可滚动选择的</em
浏览 1提问于2012-11-25得票数 0
回答已采纳
2回答
bottom: 0; right: 0; width: 200px;}
<divid="scrollable"> <div id="element">
While this is hovered, #sc
浏览 3提问于2014-04-15得票数 0
回答已采纳
我想添加一种在carousel中拖动元素的可能性，而且我在可拖放元素的定位和转换方面遇到了一些问题。据我所知，最好暂时隐藏/删除可拖放元素，并在旋转木马项数组之外创建它的代理，它表示真实元素的位置和转换属性。
问题是如何根据代理项的位置设置正确的转换。items数组中</em
浏览 3提问于2015-05-20得票数 0
回答已采纳
5回答
我正在尝试用CSS创建一个简单的固定高度框，顶部有一个标题，下面是一个任意长度的元素列表。我希望只有列表是可滚动的，而标题仍然是可见的，并固定在顶部。 <h4>This is my title</h4>
<div class="innerdiv
浏览 132提问于2018-10-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
