问题标签 [vertical-scroll]

Scroll 的通用函数，其中scrollablelist 是我们必须在其中滚动的滚动视图的定位器

我正在创建一个回收站视图，其中有 2 种类型的项目视图。每个项目视图都有不同的宽度（一个为 55dp，另一个为 MatchParent）。如果我创建一个前 4 行宽度为 55dp 且接下来 2 行宽度为 MatchParent 的回收器视图，您认为我的整个回收器视图将具有相同的宽度吗？还是前 4 行宽度为 55，最后 2 行为 MatchParent？请注意，我已将宽度和高度设置为回收器视图的 wrapContent，并使用具有单列和垂直滚动的 staggeredGridLayoutManager。我只想要每行具有不同宽度的单列垂直滚动回收器视图。

如果你能想象，它应该看起来像一个 L 形的回收站视图。

目标：我需要让此列可滚动（垂直）。

预期：此列可滚动。

实际：我的控制台出现错误，我的应用程序是空白屏幕。

值得一提的是，我确实在 Stack Overflow 上阅读了其他 BoxConstraints 问题。

不幸的是，它没有用。

最终，我有一个包含不同身高孩子的专栏。子项的组合高度大于视口高度。

我使用 SingleChildScrollview 并按照以下说明进行操作：

https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

LayoutBuilder、ConstrainedBox、BoxConstraints 和 IntrinsicHeight 都被使用了，但我仍然得到那个错误。

我的手机目前是白屏（右上角有“Debug”）。

所以这是我的理解：

SingleChildScrollView 通过授予无限高度使内容可滚动。

Column 自然占据了其父级的全部高度。

2 组合意味着一个 Column 将一直延伸到永远，或者直到应用程序崩溃。

LayoutBuilder 用于获取视口的大小。

ConstrainedBox 用于设置 Column 的 MINIMUM 高度。这对我说，Column 不能小于给定的高度，但可以大到无穷大。

“魔术”发生在 IntrinsicHeight 上，它强制列与其内容一样大。这就是阻止列走向无穷大的原因。

尽管如此，我仍然遇到错误。

我希望有人能帮帮忙; 以下是我的代码：

抛出的错误是这样的：

有这样一条有趣的线：

提前感谢所有提供帮助的人！

我追求的是双向无限的垂直滚动视图：向上滚动到顶部或向下滚动到底部会导致更多项目被动态添加。我遇到的几乎所有帮助都只关心底部的范围是无限的。我确实遇到了这个相关的答案，但这不是我要特别寻找的（它根据持续时间自动添加项目，并且需要与方向按钮交互以指定滚动方式）。然而，这个不太相关的答案非常有帮助。根据那里提出的建议，我意识到我可以随时记录可见的项目，如果它们恰好是顶部/底部的 X 个位置，则在列表的开始/结束索引处插入一个项目。

另一个注意事项是我让列表从中间开始，因此除非您向上/向下移动了 50%，否则无需添加任何内容。

需要明确的是，这是一个日历屏幕，我希望用户可以随时自由滚动。

除了一个小而重要的细节外，这大部分工作正常。从顶部添加项目时，取决于我向下滚动的方式，有时可能会跳动。这在连接的夹子末端最为明显。

我最近遇到了很多网站，它们对它们有非常令人满意的摩擦/基于动量的滚动效果。一个例子是https://useplink.com/en/。很长一段时间以来，我一直在为这种效果寻找正确的术语，但我一直找不到我想要的东西（指南、教程、库等可以帮助我理解它是如何工作的）。如果有人知道这被正确称为什么或有任何与之相关的库，我们将不胜感激。

谢谢！

我正在尝试将垂直滚动条和水平滚动条添加到框架中。这是我的代码：

这是结果 结果 它不起作用。如何将垂直滚动条和水平滚动条添加到框架中，有什么方法可以设置滚动的第一个位置。 我想要的是

我有一堆 HTML 表单，每个表单都有一些必填字段。

对于较长的表单，如果我将最上面的必填字段之一留空，因此浏览器必须自动向上滚动以向用户显示字段为空，然后它不会显示通用的“请填写此字段”文本。

如果它是与提交按钮在同一窗口中的字段之一，因此浏览器不必滚动到任何地方，就会弹出消息。

我还没有在这些字段上添加任何额外的 PHP 检查，它只是来自添加 required 属性的标准 HTML 检查。

我已经在 Chrome、Firefox、Opera 和 Edge 中尝试过，结果相同。这只是我必须以某种方式处理的事情吗？

在第一张图中，antd table 中显示了一个垂直滚动条，在第二张图中，我们可以看到在 modal 打开时滚动条仍然可见。需要注意的是，如果我在 chrome 中做同样的事情，这个问题就不会发生。它只发生在 Firefox 上。我知道这是一个浏览器问题，但我怎样才能在 antd 表中解决这个问题。

在这第一张照片中

我在页面中有一个按钮，让我们说：main-page-div class(.main-page-div)。此页面在比笔记本电脑屏幕更宽的情况下存在垂直滚动。

我点击了按钮，出现了一个垂直的 div

所以，这个垂直 div (.vertical-div) 有一个按钮，用于退出 div 并通过其他一些选项继续在 main-page-div 中工作

但是当我退出 div 时，页面没有垂直滚动，所以它仍然像图片一样......

我怎样才能让我的垂直滚动回来？

现在我可以看到 .main-page-div 但缺少垂直滚动，我该如何添加它。似乎 .vertical-div 已关闭，但不是真的？

这个主题已被多次询问和回答，但我尝试了几乎所有给出的解决方案，但没有解决我的问题。我在 div 中有一个方形画布元素，它延伸到覆盖所有可用屏幕。当屏幕处于横向模式时，我们希望用户垂直滚动画布绘图以查看它。这完美地工作。当屏幕调整大小或将方向更改为纵向时，我们希望用户水平滚动画布绘图。这也可以按预期工作。但是一旦用户调整屏幕大小（甚至调整一个像素），就会出现一个垂直滚动条，它只会将画布绘图移动几个像素。通过重新加载页面（保持相同大小），垂直滚动条消失了，很奇怪。同样在纵向和横向之间的过渡中，存在浏览器不稳定。

我已经花了一个周末尝试各种方法来解决这个问题，并编写了一个小程序来显示滚动条的奇怪外观。请帮忙。CSS 不是我的强项。