scrollbar 相关问题

我有一个滚动的，里面有很多项目。这些项目设置为在溢出时使用省略号。整个东西都在一个绝对定位的容器中。没有任何限制... 我有一个滚动的<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 文档

css firefox flexbox scrollbar ellipsis

回答 2 投票 0

滚动条 Tkinter 不滚动

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

tkinter scrollbar tkinter-canvas

回答 1 投票 0

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

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

python user-interface kivy scrollview scrollbar

回答 1 投票 0

Tkinter - 顶级窗口不滚动

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

python tkinter canvas scrollbar

回答 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>

html css scrollbar sticky

回答 1 投票 0

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

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

css webkit scrollbar

回答 4 投票 0

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

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

flutter scrollbar scrollable singlechildscrollview

回答 1 投票 0

添加标题后，HTML 页面中的滚动条无法正常工作

我有一个包含多个部分（div）的页面布局。有一个横幅，然后有两个主要的垂直部分。左侧部分有一个滚动条，因此用户可以向下滚动以查看所有链接。