如何向适配卡添加滚动条
向适配卡添加滚动条可以通过以下步骤实现：
- 首先，确保适配卡的容器元素具有固定的高度和宽度，并且设置了适当的CSS属性，例如
overflow: auto;来启用滚动条。 - 在HTML文件中，将需要添加滚动条的内容放置在适配卡的容器元素内部。
- 在CSS文件中，为适配卡的容器元素添加样式，例如设置高度、宽度、边框等。
- 如果需要自定义滚动条的样式，可以使用CSS伪元素
::-webkit-scrollbar来设置滚动条的样式，例如滚动条的颜色、宽度、边框等。 - 如果需要在滚动条上显示滚动条轨道，可以使用CSS伪元素
::-webkit-scrollbar-track来设置轨道的样式。 - 如果需要在滚动条上显示滚动条滑块，可以使用CSS伪元素
::-webkit-scrollbar-thumb来设置滑块的样式。 - 如果需要在滚动条上显示滚动条按钮，可以使用CSS伪元素
::-webkit-scrollbar-button来设置按钮的样式。 - 最后，根据具体需求，可以使用JavaScript来控制滚动条的行为，例如滚动到指定位置、监听滚动事件等。
总结起来，向适配卡添加滚动条的步骤包括设置容器元素的样式、添加内容、自定义滚动条样式（可选）、使用JavaScript控制滚动条行为（可选）。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
如何将适配卡json从外部源发送到Azure Bot服务api？ 添加于2020年7月8日 ? 尝试将适配卡json或内容发送到api/notify以显示自定义消息ms团队。 我只是试图通过通道created.Currently将来自Azure Bot Service的适配卡发送给MS团队，我已经在源代码(Azure Bot Services应用程序)中硬编码了详细信息/链接/文本。希望每次通过修改适配卡的内容来发送自定义适配卡。 目前，如果我调用www.sampleAzurebotservices.com/api/notify，就会显示硬编码的数据。希望这能给出一张很好的图片。
浏览 24提问于2020-06-19得票数 0
1回答
我是机器人框架的新手，刚刚开始使用C#的Echo Bot示例。然而，最后，我希望将我的机器人集成到团队通道中，并且其中一个对话流将需要合并来自多个API的信息并将其发送给用户。
我想我们可以使用'ColumnSet‘在中以表格的形式显示数据
现在我有了适配卡JSON对象(表中的数据)，我不确定在哪里以及如何准确地将这个适配卡组件集成到echo bot脚本。很少有示例显示存储自适应卡JSON并从路径读取并将其作为附件发送，但我仍然不清楚。
下面是echo bot项目文件夹中的C# bot代码(Echobot.cs)。是否应该创建一个不同的函数来实现适配卡？
using System.Co
浏览 0提问于2020-06-09得票数 2
我使用的是适配卡。(机器人框架软件开发工具包v3)我需要获取适配卡中的值，还需要在后面的代码中调用一些方法。这是我的适配卡Adaptive Card。
浏览 17提问于2019-03-04得票数 0
1回答
我正在编写一个消息扩展为用户发送适配卡。我确实从query panel中的MessagingExtensionResult创建了适配卡，并将点击操作添加到ThumbnailCard中用于评级，但当我点击Action.Submit和rised a时，我无法发送响应或更新响应的适配卡。它总是显示“无法连接到应用程序。请重试”。
我可以获取数据，但无法更新适配卡，以便用户查看其选择的操作。有没有办法来更新rised适配卡或发送更新到通道。
请记住，我的应用程序不是机器人，所以它不是完全有能力做机器人事件或动作。
浏览 9提问于2021-03-11得票数 0
我正在使用机器人framewokV4，我想将适配卡返回给团队中的任务模块。 我使用具有提交值的适配卡作为任务模块弹出窗口的"data":{"msteams":{"type":"task/fetch"}}"。 如何通过public override async Task OnTurnAsync(ITurnContext turnContext, CancellationToken cancellationToken = default(CancellationToken))方法将基础适配卡返回给任务模块。 我可以使用pro
浏览 15提问于2020-01-25得票数 2
回答已采纳
2回答
如何增加适配卡的大小？
、、、
我使用了一个适配卡来以表格的形式显示数据。适配卡上显示了四列。在Bot框架仿真器上，它显示了正确的数据，如图所示。在bot框架模拟器上，它显示了正确的列数据。但是当它部署在团队中时，它的最后一列数据被截断了，如何解决呢？如何增加适配卡的大小？
浏览 0提问于2020-02-06得票数 1
1回答
我想在适配卡上添加超链接。我正在为它使用文本块的标记功能。我有下面的适配卡。我参考了下面的链接
{
"$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.3",
"body": [
{
"type": "TextBlock",
浏览 24提问于2021-05-20得票数 0
1回答
我正在使用微软机器人框架实现一个机器人，需要添加一个包含特殊字符的适配卡。
这是我的适配卡的一个示例：
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "Large",
"weight": "Bolder",
"color": "Good",
"text": "
浏览 5提问于2019-03-28得票数 2
我正在尝试测试适配卡，以生成按钮点击。我在适配卡上有一个“状态”按钮。 我尝试了以下示例中提供的对话 https://github.com/codeforequity-at/botium-connector-directline3/blob/master/samples/convo/spec/convo/adaptive.convo.txt 当我使用下面的convo #me按钮卡状态 botium似乎忽略了card，并将"card Status“作为文本发送 ? 这与directline连接器有关吗？如何测试适配卡输入？
浏览 18提问于2020-03-24得票数 0
我已经查看了适配卡和可操作消息的文档。我想通过电子邮件发送适配卡，并在outlook中查看它。
我可以使用卡片游乐场()向自己发送带有自适应卡片的电子邮件(使用右上角的按钮)，并且它可以正确呈现。
我读到的关于这些适配卡的所有内容听起来就像你可以通过电子邮件发送html标记(参见第一个链接)。但是，当我尝试从该页面发送示例html (带有所有html标记，或者只带有script标记)时，没有创建自适应卡，并且自适应卡调试器插件也没有注意到任何东西。
如何通过电子邮件发送适配卡？
浏览 0提问于2018-11-13得票数 1
2回答
我正在使用Primefaces地图组件。我有一些标记和那些标记的信息窗口。我面临的问题是它显示垂直滚动条。但我不需要垂直滚动条。如何隐藏垂直滚动条？
更新：在第一个屏幕截图中，您可以看到不需要垂直滚动，因为所有垂直数据都是可见的。
在第二个屏幕截图中，您可以看到水平滚动条，我们必须向下滚动。我只希望垂直滚动条消失，只有水平滚动条保持不变，这应该总是可见的。
浏览 10提问于2011-08-04得票数 3
回答已采纳
1回答
当用户试图点击ok按钮而没有在我的适配卡中的下拉列表中提供任何输入时，我如何向用户显示适配卡本身内部的红色消息。我不希望我的Luis代理来处理它，我希望我的UI来处理上面的场景
浏览 26提问于2019-08-07得票数 1
如何才能实现像下面这样的TextView滚动条呢？
所以我的意思是，滚动条样式是自定义的，当内容不适合TextView时是可见的。
提前感谢大家。
浏览 0提问于2017-03-13得票数 0
我使用的是Bot框架.Net SDK v4自适应卡v1.2。我正在使用瀑布设计在瀑布的每一步中展示卡片。但是用户能够点击前面显示的卡片上的按钮，这使得机器人看起来很愚蠢。 如何在c#的机器人框架中禁用/隐藏以前聊天中的适配卡按钮？
浏览 33提问于2020-10-23得票数 0
3回答
我在机器人框架node.js SDK中使用了适配卡。将这些适配卡发送给我的用户已经成功。现在我想更进一步：
在上，他们告诉你可以进一步定制卡片的外观和感觉。现在我想知道这是如何工作的？如何调整此hostconfig文件以更改颜色、填充、背景等，以及如何使用CSS和HTML来构建卡片，就像他们在网站上所说的那样？
提前感谢
浏览 1提问于2017-05-18得票数 0
如何在服务器端使用c#在微软机器人框架v4中实现提交点击后自适应表单字段的验证？同时也为客户端提供了答案？使用C#对适配卡进行客户端和服务器端验证
浏览 17提问于2020-04-10得票数 0
2回答
使用标准的类
、、
Flash有一个scrollbar类，文档如下：
但是，除了列出函数和变量之外，并没有真正解释如何将该类的实例连接到文本字段。
我尝试过的一切要么以错误告终，要么滚动条不显示。文档缺乏明确的方法来说明如何将文本字段和滚动条绑定在一起，而且CS4也没有提供任何帮助。
有人能解释一下，或者链接到一个滚动条如何与文本字段一起工作的例子吗？
浏览 2提问于2010-04-19得票数 0
1回答
我正在用.NET Core3.1 C#开发机器人。我想发送英雄卡与4个按钮和欢迎提示，只要用户加入/activates机器人。我已经在OnMembersAddedAsync中尝试过了
if (member.Id != turnContext.Activity.Recipient.Id)
{
var welcomeCard = CreateAdaptiveCardAttachment();
var response = MessageFactory.Attachment(welcomeCard);
浏览 0提问于2020-06-18得票数 0
1回答
识别哪个滚动条是活动的
、、、
我的页面上有多个滚动条，但无法使它们正常工作：
<div class="dates-container" v-for="id in ids">
<overlay-scrollbars
:ref="`datesHeader`+id"
:options="datesScrollOptions"
:key="id"
>
</div>
......
resetScroller() {
this.$nextTick((
浏览 6提问于2022-07-26得票数 0
1回答
我想根据其值更改来自数据库的适配卡输出的颜色，例如:如果工作小时<6=显示工作时间的适配卡的颜色，则必须为红色。如果大于6小时，则工作时间必须显示为绿色。 你知道我必须如何做到这一点吗？ 下面是JSON代码的一部分，以及我从数据库调用的数据。此外，我将在微软团队中实现这一点。 "type": "Column",
"items": [
{
"type": "TextBlock",
"weight"
浏览 22提问于2021-01-06得票数 1
回答已采纳
如何在Bot中读取在Bot自适应卡中选择的choiceset值，我正在使用Bot Composer来开发Bot。我需要多选，所以使用了适配卡，并在机器人编写器对话框中使用了发送响应来显示适配卡。但不能在对话框中的后续动作中读取值。基于Bot Composer的Amy示例/参考。
浏览 0提问于2021-03-10得票数 1
2回答
我试图从右边滑进一个DIV，但出于某种原因，它增加了一个水平滚动条，我想防止它。
这是我的JSFiddle链接：
HTML：
<div id="slideOut" class="clearfix">
<div id="slideContent">
You ain't seen me, right?
</div>
<div id="slideClick">
</div>
</div>
我如何摆脱滚
浏览 2提问于2014-08-20得票数 0
回答已采纳
我想把"AdaptiveOpenUrlAction“放在"AdaptiveColumnSet”中，以便更好地布局适配卡。但是，我的机器人仿真器不显示OpenUrl按钮。
如何添加操作按钮？也许这是适配卡版本的问题？我的适配卡的版本是1.1 (也有1.0版本)。我想要一个解决方案。
下面是我在模拟器中编写的代码和创建的json日志。ActionSet中的Json Log将写入仿真器，但ActionSet中的按钮不会显示在卡上。
C#代码
new AdaptiveColumn()
{
Items =
{
new AdaptiveActionSet()
浏览 22提问于2019-07-22得票数 0
回答已采纳
我正在尝试添加一个滚动条到我的JList，我已经在这个网站上搜索过，有很多关于这个主题的东西，但是当ı从引用的问题中尝试一些东西时，其中任何一个都有worked.My代码在这里。
list = new JList();
list.setVisibleRowCount(1000);
model = new DefaultListModel<String>();
list.setModel(model);
JScrollPane scrollpane = new JScrollPane();
scrollpane.setViewportView(list);
浏览 0提问于2014-04-07得票数 0
我正在尝试使用我的适配卡中的Action.Submit来访问我的Google Cloud功能。我应该在哪里指定将提交发送到哪里？我这样做的原因是，由于时间限制，我想跳过构建一个完整的聊天服务器。
自适应卡的示例，没有指定post URL的属性：
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body
浏览 0提问于2021-05-07得票数 0
1回答
我正在尝试调试一个具体发生在Safari中的问题。在web应用程序的几个页面上，内容比框架大，滚动条出现在右边，但是当滚动条向上或向下移动时，内容就不会与其一起滚动。因此，您可以“滚动”滚动条，但内容本身是不可访问的，即使滚动条是可移动的。
此问题仅发生在“多进程Windows”调试模式选项中，而不出现在“单进程Windows”选项中。滚动条在Firefox、IE和Chrome中运行得非常好，只是在Safari中不行。因为有很多遗留代码，我不太清楚实际的内容是什么，以及哪些特定的html元素是相关的。据我所知，有一个Iframe元素、html元素、body元素、div元素、iframe元素ht
浏览 3提问于2012-06-28得票数 0
我想创建一个带有按钮的适配卡，用于电子邮件和呼叫功能。我在适配卡中找不到呼叫和电子邮件的格式。既然英雄卡具有cardAction对象功能，有没有办法将自适应卡与英雄卡结合起来？
浏览 1提问于2017-12-07得票数 2
1回答
为什么在本例中垂直滚动条的大小是原来的两倍，而水平滚动条却没有？
<div style="width:200px; height: 200px; overflow:scroll">
<div style="width: 400px; height: 400px; background-color:orange; transform: scale(.5, .5); -webkit-transform: scale(.5, .5); transform-origin: 0 0; -webkit-transform-origin: 0 0;"&g
浏览 1提问于2014-10-06得票数 5
1回答
SKYPE上的适配卡
、、、、
我知道适配卡在这一点上不支持Skype。同样的有什么更新吗？有没有其它的适配卡？基本上，我正在寻找的卡，它让我输入文本/表单，我捕获登录信息
注:我不想使用签到卡。
浏览 5提问于2017-07-24得票数 1
4回答
我在主页的div中封装了一个iframe。所以代码如下：
<DIV id=abcPanel>
<IFRAME style="WIDTH: 660px; HEIGHT: 680px" id=abciFrame src="/someSrc" name=abciFrame></IFRAME>
</DIV>
现在，垂直滚动条在IE8/9中显示，但在其他浏览器中不显示。
即使我将高度增加到任何值，滚动条也不会消失。我如何解决这个问题？
浏览 0提问于2013-02-11得票数 1
回答已采纳
我已经创建了一个wpf用户控件，并且我有一个滚动查看器，其中我已经将垂直滚动条添加为Auto。滚动条正在创建，但不允许滚动。下面是代码。
XAML文件
<ScrollViewer x:Name="viewer" CanHorizontallyScroll="True" HorizontalAlignment="Left"
Height="296" Margin="10,71,0,0" VerticalAlignment="Top" Width="186" Grid.RowSp
浏览 0提问于2021-06-09得票数 0
1回答
我有要求播放自适应卡内的任何mp4视频。我在下面的网站上提到了如何在适配卡中包含媒体：
上面链接中的示例视频运行得很好。但是，如果我将视频URL替换为任何其他youtube或mp4视频URL链接，则它不会播放该视频。下面是我创建的卡片。
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.3",
"fallbackTe
浏览 19提问于2021-05-19得票数 0
1回答
如何将对话框中的滚动条设置为默认情况下设置为底部，以便对话框打开时，滚动条位于底部
$( "#report-dialog" ).dialog({
modal: true,
autoOpen: false,
show: "blind",
hide: "fold",
width: 850,
height: 600,
buttons: {
浏览 0提问于2013-02-05得票数 0
回答已采纳
2回答
我使用的是机器人框架V4。我想知道我是否需要安装任何NuGet包来支持自适应卡1.2版
我测试了一些视频和图像content.All是有效的。想知道默认情况下V4是否支持最新的适配卡版本。
浏览 16提问于2019-11-26得票数 0
回答已采纳
2回答
这是一个截图：
我花了好长时间才弄明白到底是怎么回事。我的删除按钮不起作用，因为滚动条点击区域在图标的顶部。
我希望有一种方法可以在没有滚动条的情况下获得垃圾桶的点击/悬停功能。我不想把所有的东西都塞进去。
我可以完全删除滚动条，它可以工作，但我应该能够处理这两种情况。
任何线索都会很棒。
谢谢!哑光
浏览 0提问于2013-01-04得票数 0
1回答
我正试图在我的Square Space网站上嵌入谷歌电子表格。不幸的是，当我切换到移动视图时，我得到的电子表格有水平滚动条和垂直滚动条。
<div class="sqs-block-content">
<iframe width="100%" height="800" src="https://docs.google.com/spreadsheets/d/1BxfLMwwEWjyV-Avp9cWupPnJiwVq3GX6VcVRYuw-XQ0/pubhtml?single=false&widget=false&a
浏览 4提问于2017-08-30得票数 0
回答已采纳
我正在尝试弄清楚如何从HTML UI发送适配卡。 我可以通过从UI (外部聊天组件)单击按钮来发送消息。 store.dispatch({
type: 'WEB_CHAT/SEND_MESSAGE',
payload: {
text: 'Hello'
}
}); 我的要求是发送自适应卡(按钮从HTML UI)：如下所示 store.dispatch({
type: 'WEB_CHAT/SEND_MESSAGE'
浏览 35提问于2020-12-04得票数 1
我有以下html和css代码： JSFiddle /** CSS Framework: START **/
html {
display: flex;
}
.flexbox {
display: flex;
}
/** CSS Framework: END**/
.inner-box {
width: 100%;
overflow-x: scroll;
}
.very-big-container {
width: 4000px;
} <div class="flexbox">
<!-- I can change everythin
浏览 18提问于2021-01-25得票数 3
回答已采纳
这是
我想让容器用它的内容扩展宽度。同时，它的高度是固定的。如果是垂直溢出，应该有一个垂直滚动条。
现在，overflow:auto以某种方式在容器中创建了滚动条，覆盖了内容。这不是我想要的。
如果我使用overflow:scroll，滚动条将在外面，但即使没有溢出，它也总是在那里。
我该如何解决这里的困境呢？已在Windows、最新版本的Chrome上测试。
浏览 2提问于2016-06-03得票数 1
当我在页面上有一个滚动条并应用overflow:hidden时，它会隐藏滚动条，但页面会移到边上几个像素。我希望它完好无损。我尝试应用position:absolute和left:10px，但它不起作用。
有没有办法让它保持完好？
基本上，所有这些操作都是为了让模式对话框在主页面内容(包括滚动条被锁定)的情况下出现，这样用户只能滚动模式对话框。
我尝试使用的浏览器是较旧的IE版本，用于打开对话框的代码如下：
if ((ua.msie && ua.version.slice(0, 3) == "7.0") || (ua.msie && ua.ve
浏览 0提问于2011-10-24得票数 2
回答已采纳
我使用div标签、嵌套的div标签和嵌套的span标签创建了一个表(没有实际的table元素)。当内部span标记的内容变得太宽时，外部div标记的水平滚动条将不会显示。例如。
<div>Some text
<span> Here is the suuuuuuuper wide text</span>
</div>
谁知道当内部跨度标签的内容变得太宽时，如何让div标签显示水平滚动条？
编辑:使用overflow:scroll使滚动条始终显示，我只想在内部跨度标记内容太宽时显示滚动条。
浏览 1提问于2014-04-04得票数 0
我正在测试 jQuery插件，这正是我所需要的，但它有一个恼人的“特性”，当我单击建议列表中的滚动条时，它会隐藏它的结果。另一方面，插件并没有失去输入字段的焦点，这就是它不隐藏结果的原因。但是这个插件不能提供我所需要的功能，所以我不能只是替换标签龙。我学习过jQuery自动完成代码，我不明白他们是如何将注意力集中在输入字段上的，我只是找不到对此负责的代码！
因此，今天的问题是:在使用结果建议列表中的滚动条时，如何保持对输入的关注？
还有一个问题是，jQuery自动完成插件是如何实现的，因为在我看来，在学习了一个小时的代码之后，它看起来就像魔法一样。
浏览 5提问于2010-02-25得票数 2
我试图发送一个活动与一个自适应卡附件，并包括提到的用户谁创建了这个帖子。通过在线阅读，我发现你目前无法在适应性卡片中包括提及内容。在发送活动时是否有提及某人的方法，例如在另一附件中？我已经尝试过设置activity.Text = two，但是它可以创建两个帖子，第一个是提到的，然后是另一个带有自适应卡的帖子，作为单独的消息。我觉得一定有办法做到这一点，否则，如果你创建了一个帖子，有人回应你，你永远不会知道自动回复。还注意到我没有使用Flow.
浏览 0提问于2020-01-31得票数 0
回答已采纳
3回答
我正在尝试用HTML和SASS制作一些自定义表。我在这个网站上搜索了很多问题，但都不适合我的情况。
表的属性是：
宽度:100%的表
响应列宽度(根据内容)
前两列响应它们的内容和
第三(最后)列宽度：(第一+秒)列的100%宽度
第三列有“代码”，这段代码在一行中显示(在其他块中断行是可以的)。
如果“代码”太长，将显示一个水平滚动条。(滚动条只影响“代码”。没有滚动条在'td‘，但’代码‘)。)
我已经做好了：
table-layout: fixed
*部分工作。但是，不管单元格中的内容如何，列的宽度在表中被平分。我需要一个有反
浏览 0提问于2019-08-07得票数 0
回答已采纳
1.3和1.4版本中自适应卡的新特性(特别是能够将卡替换为执行操作的一部分)令人敬畏。 有人知道团队和PVA什么时候能处理这些新版本吗？在看了一些Microsoft视频和适配卡模式之后，似乎这种兼容性已经计划好了。 我对适配卡是个新手--这是一个很棒的概念。我正在使用PVA的框架构成器扩展开发机器人。 非常感谢。
浏览 27提问于2021-05-02得票数 0
1回答
我让Div与滚动bar.When用户单击滚动条，我需要调用基于滚动条的click.How函数，我可以调用吗？
我在客户端使用Jquery，在服务器端使用PHP。我知道如何进行ajax调用，etc.Only认为当在div.中单击滚动条时，需要进行此调用。
是否可以在该div中为滚动条创建ID。
浏览 3提问于2012-01-27得票数 2
回答已采纳
环境: Node JS v10.15.3、botbuilder v4.7.2、适配卡v2.5
在handleTeamsMessagingExtensionQuery中，我可以回传一个简单的Hero Card，它显示得很好，但是我很难得到一个自适应Card回传。代码如下：
const card = CardFactory.adaptiveCard({
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type":
浏览 3提问于2020-12-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
