当前位置: 首页 > 知识库问答 >
问题:

如何为div设置水平滚动,以便在jQuery添加项目时

施景同
2023-03-14

我正在jQuery在div中添加复选框。Div在溢出时滚动。但我发现当复选框名称很大时,div不会水平滚动,但额外的内容会转到下一行,而垂直滚动工作很好。下面是一些代码

下面是创建div的代码

  <div id="legendBox" style="overflow:scroll;width:145px;height:300px;"></div>

此代码用于在DIV中添加复选框

if (legendChecked == "T")
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "' name='" + legendName + "' style='background-color:" + legendColor + "' value='" + legendName + "' checked onClick=legendChanged();  title='" + legendName + "' />" + legendName;
                } else
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "' name='" + legendName + "' style='background-color:" + legendColor + "' value='" + legendName + "' onClick=legendChanged();  title='" + legendName + "' />" + legendName;
                }
                $("#legendBox").append(legendtest+"</br>");

请告诉我错误在哪里。

共有1个答案

杜翰林
2023-03-14

或添加display:inline:http://jsfidle.net/eq3r9/

编辑:这是一个更好的解决方案:http://jsfidle.net/eq3r9/1/

 类似资料:
  • 本文向大家介绍如何将水平滚动条放置在DIV的中心?,包括了如何将水平滚动条放置在DIV的中心?的使用技巧和注意事项,需要的朋友参考一下 要将水平滚动条放置在div的中心,请使用向左滚动键。您可以尝试运行以下代码以将水平滚动条放置在div中。 示例 滚动条位于div的中心:

  • 问题内容: 我有一个部门想要显示图像,然后单击以在灯箱中打开它们。我将它们向左浮动并在线显示它们。设置overflow- x进行滚动,但是一旦行空间不足,它仍然会将图像放在下面。我想让它们内联,并在需要时显示水平滚动。 注意: 我无法更改内部图像的结构。它必须是锚点内的img。我的灯箱就这样要求它。 HTML: CSS: 我知道这是非常基本的,但是我做不到。不知道怎么了 问题答案: HTML中可能

  • 正如标题所说:如何将水平滚动条添加到我用JFreeChart创建的阴阳烛图表中?我希望用户在放大时能够水平滚动图表。现在放大起作用了,但我不能向左或向右移动。我试着把图表面板放入JScrollPane,但那是一个图表面板,而不是图表本身。我自定义的ChartPanel构造函数: 我的自定义Jboard,我在其中创建图表和图表面板,并将图表面板放在JScrollPane中: 然后,我将MyCandl

  • 问题内容: 我有以下CSS的div.scroll_fixed 当div到达页面顶部时,我正在使用以下jQuery代码设置.fixed类。 这对于垂直滚动固定非常有用。但是在浏览器窗口较小的情况下,水平滚动会导致与此固定div右侧的内容发生冲突。 我希望div随内容水平滚动。 谁能指出我正确的方向。仍然用JS / JQuery弄湿我的脚。 我基本上希望它像本示例中的第二个框一样工作。 问题答案: 该

  • 问题内容: 有没有一种方法可以将水平滚动条添加到HTML表格中?我实际上需要根据表的增长方式在垂直和水平方向上都可以滚动,但我无法显示任何滚动条。 问题答案: 您是否尝试过CSS 属性? 更新 正如其他用户指出的那样, 这不足以 添加滚动条。 因此,请参阅下面的评论和答案。

  • 问题内容: 我一直在尝试滚动到div id jquery代码以正常工作。基于另一个堆栈溢出问题,我尝试了以下操作 但这没有用。它只是捕捉到div。我也试过 没有进展。 问题答案: 您需要设置动画