scrollbar 相关问题

滚动条是与仅部分可见的显示有关的图形用户界面元素。滚动条提供关于元素的哪个部分在视图中的视觉反馈,以及移动主元素的视图的能力。

如何在 Godot 4.x 中更改 ScrollContainer 的滚动条厚度

在Godot 4.x中,如何更改ScrollContainer的滚动条厚度?

回答 1 投票 0

为什么浏览器不渲染 <br> 中的尾随 <div>?

我有一个包含动态内容的 div,其中行由 元素分隔。问题是所有主流浏览器都会忽略最后一个 元素。 内容长... 我有一个包含动态内容的 div,其中行由 <br> 元素分隔。问题是所有主流浏览器都会忽略最后一个 <br> 元素。 <div> long content ... </div> <div> long content ... <br> </div> <div> long content ... <br> <br> </div> 参见 https://jsfiddle.net/4ppqb1ug/。示例有 3 个 div。 首先末尾没有<br>。 第二个末尾有 1 <br>,但如果滚动底部的 div,末尾不会有空行。 第三个末尾有 2 个<br>,但只渲染了一个。 演示中没有出现的第四个有 3 个<br>,仅渲染了 2 个。 演示中未出现的第五个有 4 个<br>,仅渲染了 3 个。 为什么浏览器忽略最后一个?我可以阻止这种情况吗?有没有比重复最后一个<br>更好的解决方案? 浏览器运行正常;您只是错误地将 br 元素视为间隔符。 如HTML 5 规范中所述,它们是换行符。这些元素中的每一个都会将回车符返回到下一行,但不会在该行上打印任何内容。只有在添加第二行之前,第一行的空间才会被表示。 你的第二个问题的答案是,是的,这个问题有一个更好的解决方案:使用CSS来设置那些margin元素的padding或div。这使得结构 (HTML) 与演示文稿 (CSS) 分离。 我从来没有用过<br>来做这个。您可以使用 p 标签轻松管理它。还有文本格式化 CSS 规则,如 line-height、font-size、...。您可以轻松使用它们并创建美观的文本。每当您需要为新段落换行时,标准方法是使用另一个 p 标签,而不是 <br>。 br标签仅使用换行符,无法防止,它解决了您可以使用padding and margin最后一个div跨度和其他 这是因为<br>不渲染任何空白。如果你想要一个空行,你需要有两个 <br> 标签 我很惊讶地发现这里没有核心问题的真正答案(除了“使用CSS”..真的吗??): 还有比重复最后一个<br>更好的解决方案吗? 这个问题在该问题的搜索结果中出现得相当高,所以我想提供以下解决方案: .container:after { content: '\2060' } 我们选择附加一个包含 word joiner 字符的伪元素。它实际上与添加另一个 <br> 相同,但它是一个纯 CSS 解决方案,对用户来说是不可见的。该字符可以是任何零宽度的字符,只要它使浏览器尊重我们内容中的最后一个<br>。

回答 5 投票 0

为什么滚动条出现在我的图像元素上?

我有以下简单代码: HTML: CSS: div { 宽度:260 像素; 高度:195 像素; 溢出:自动;

回答 4 投票 0

元素的高度应依赖于其他元素,同时保持最小高度并在 CSS 中显示可选的滚动条

我需要帮助来设计以下设计中的蓝色容器的样式。蓝色容器的最小高度应为 400px,一个可选的垂直滚动条,如果绿色容器是 ta,则自动增长......

回答 1 投票 0

为什么我的 WPF DataGrid 的垂直 ScrollBar 在包含在网格中时不显示其全宽?

我有一个 WPF 用户控件,其中包含一个包裹在网格中的 DataGrid。 用户控件托管在我的主应用程序窗口中,位于包装在 StackPanel 中的 TabControl 内。 我遇到的问题是我可以...

回答 1 投票 0

在完整日历水平视图上设置滚动条位置

我们正在使用完整的日历时间视图,更具体地说是时间线视图。 它工作得很好,但是有一个问题非常令人沮丧,那就是当您访问年视图和 scro 时......

回答 2 投票 0

WPF ScrollViewer - 滚动到第一个不可见项目

是否可以将ScrollViewer自动滚动到Content中的第一个不可见元素? 让我更好地解释一下,在我的项目中,我有一个按钮列表,包含在 ScrollViewer 中: 李...

回答 1 投票 0

window.scrollY 值由错误的 ScrollBar 控制

我正在尝试在高度为275px后将滚动条集成到动态表格中。滚动条在表格达到 275px 后才起作用,但是,当我使用表格滚动条时,我看不到...

回答 1 投票 0

Tkinter TreeView 水平滚动条不起作用

我正在使用 tkinter 和 Treeview 构建一个普通表。尽管我已经配置了设置,但水平滚动条可见但未激活。想知道代码有什么问题吗? 导入

回答 1 投票 0

如何更改 Pysimplegui 中的滚动条颜色设置

我真的很喜欢 Pysimplegui 的深色主题,但还没有找到一种(我能理解的)方法来改变滚动条的颜色。我在这里通读了关于这个主题的内容:https://gi...

回答 1 投票 0

React - 如何使滚动条轨道在谷歌浏览器上透明

::-webkit-滚动条 { 宽度:0.5vw; } ::-webkit-scrollbar-track { 背景颜色:透明; } ::-webkit-scrollbar-thumb { 背景颜色: rgb(99, 99, 99); 边框半径:10px; } ...

回答 2 投票 0

如何在页面外显示滚动条

我正在尝试用 Flutter 制作一个网络。当我创建列表小部件时,我会看到列表小部件旁边的滚动条,如下所示 我的结果: 这就是我想要为滚动条做的事情: 如何将滚动条移动到

回答 1 投票 0

CSS 垂直滚动条在 UL 中可以左/右填充吗?

是否可以在滚动条项目或滚动条轨道周围添加填充或边距?我试过了,只能得到顶部/底部的填充。向 UL 添加填充对滚动条没有影响。负面

回答 8 投票 0

为什么带有文本溢出和滚动条的 Flex 子项在 Firefox 中无法展开?

我有一个滚动的,里面有很多项目。这些项目设置为在溢出时使用省略号。整个东西都在一个绝对定位的容器中。 没有任何限制... 我有一个滚动的<div>,里面有很多项目。这些项目设置为在溢出时使用省略号。整个东西都在一个绝对定位的容器中。 任何宽度都没有限制,因此项目应该能够完全展开,就像在 Chrome 和 Edge 中一样。在 Firefox 中我得到这个: 我在这里看到了很多类似的问题,但常见的解决方案是将 Flex 子项的 min-width 或 min-height 设置为“auto”以外的其他值。在我的情况下,这不起作用(请参阅代码片段)。 我怀疑滚动条是问题所在。如果只有两个项目要显示,则没有滚动条,但框仍然是相同的宽度。 我该如何解决这个问题? .content { position: absolute; top: 20px; left: 20px; height: 60px; display: flex; flex-flow: column; border: 2px solid red; } .scroller { flex-shrink: 1; overflow-y: auto; background-color: gold; min-width: 0; min-height: 0; } .item { text-overflow: ellipsis; overflow: hidden; } <div class="content"> <div class="scroller"> <div class="item">a12345</div> <div class="item">b12345</div> <div class="item">c12345</div> <div class="item">d12345</div> </div> </div> 这样可以吗? .content { position: absolute; top: 20px; left: 20px; min-width: 65px!important; height: 65px; display: flex; flex-flow: column; border: 2px solid red; } .scroller { flex-shrink: 1; overflow-y: auto; background-color: gold; min-width: 0; min-height: 0; } .item { text-overflow: ellipsis; overflow: hidden; } <div class="content"> <div class="scroller"> <div class="item" >a12345</div> <div class="item" >b12345</div> <div class="item" >c12345</div> <div class="item" >d12345</div> </div> </div> 这是一个 Firefox 错误,早在 2012 年就已报告过,但至今仍未修复 - https://bugzilla.mozilla.org/show_bug.cgi?id=764076. 它不仅限于 Flexbox,甚至在文本区域中也会发生,解决方法是对具有 scrollbar-gutter: stable 的元素使用 overflow: auto。当滚动条未使用时,这会增加一个可能不需要的空白区域,因此最好将此 hack 仅限于 Firefox: /* workaround for Firefox bug #764076 */ @supports (-moz-appearance:none) { .scroller { scrollbar-gutter: stable; } } scrollbar-gutter 上的 MDN 文档

回答 2 投票 0

滚动条 Tkinter 不滚动

我在 tkinter 上有一个滚动条,但它不允许我滚动页面,当我滚动时它根本不移动。 (滚动条在那里) def new_window(串行, 模型, n_comp, ): 新窗口 = 顶层(r...

回答 1 投票 0

Scrollview 在 python kivy 应用程序中不起作用

我的应用程序中需要如此多的按钮和行,我需要在其他程序中滚动条和滚动视图滚动正在工作,但在这个程序中它不起作用 从 kivy.app 导入 App 来自 kivy.uix.label 我...

回答 1 投票 0

Tkinter - 顶级窗口不滚动

我正在创建一个简单的应用程序供健身房工作人员使用,该应用程序允许他们做各种事情,其中之一是打开会员表格,他们可以在其中注册用户。 当我打开会员表格时(上层...

回答 1 投票 0

从子div中删除滚动条

这是我的 HTLM。 这是我的 HTLM。 <div class="parent" style="max-height:500px;"> <div class="child1"></div> <div class="child2"></div> <div class="child3" style="position: sticky; bottom: 0px;"></div> </div> 我希望父 div 有一个最大高度,这样就可以出现滚动条。但我只希望它在 child1 和 child2 上,而不是 child3,因为 div 是粘底部的。 有没有办法让父级的滚动条忽略子级 div ? 您可以使用CSS属性overflow来添加或删除滚动条。 奎尔 <div class="parent" style="max-height:500px;"> <div class="child1" style="overflow: scroll;"></div> <div class="child2" style="overflow: hidden;"></div> <div class="child3" style="position: sticky; bottom: 0px; overflow: hidden;"></div> </div>

回答 1 投票 0

在 webkit 滚动条和屏幕边缘之间放置一些空间

我有这个 css 代码,可以制作 webkit 滚动条。 ::-webkit-滚动条 { 宽度:8px; 高度:8px; } 这将创建一个紧邻屏幕边缘的滚动条。有什么办法吗...

回答 4 投票 0

带有 SingleChildScrollView 的滚动条未从滚动容器的顶部开始

我在 Flutter 中创建了一个测验应用程序。在测验开始之前,玩家将进入特定测验的开始页面。此页面包含带有标题和背景图像的标题,以及带有...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.