问题标签 [scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
783 浏览

javascript - 在 JavaScript 中管理昂贵的滚动的最佳方法是什么?

我们的主 UI 上有一个 UI 小部件,它使用 JavaScript 来响应来自浏览器的滚动事件。每个滚动事件的响应都是相对昂贵的。用户可以轻松地将大量滚动事件“排队”,而前几个正在处理并在小部件中呈现。

这样做的问题是,小部件最终进入“滚动处理炼狱”,每个增量中间滚动事件都被处理和呈现。

例如:用户从 ab 滚动,然后是 bc,然后是 de,然后是 ef,依此类推。到用户触发 yz 事件时,滚动事件处理可能仍在渲染 bc 滚动。

相反,我们想做的是对这些事件进行更智能的管理。如果我们可以渲染滚动事件的结果,然后“赶上”用户所在的位置,并跳过任何现在已经过时的中间滚动,那就太好了。

最好的方法是什么?

0 投票
1 回答
5433 浏览

silverlight - Silverlight 2.0 - 垂直滚动,水平环绕

在银光 2.0 中。我有一些内容要垂直滚动并水平换行。在控件中,我有一个停靠面板。填充它的 DockPanel 的最后一个子项是 ScrollViewer

TextDisplay 控件 XAML 如下所示:

我想要发生的事情: TextDisplay 应该占据控件的主要区域,如果高度不合适,则使用垂直滚动条。消息在水平方向过长时应该换行。

滚动有效,但现在消息不会在右侧边缘换行。他们只是切断了。它不限制宽度,只是隐藏 Horizo​​ntalScrollBar。如果我设置 Horizo​​ntalScrollBarVisibility="Auto" 我可以看到它们向右滚动。我如何强制它包装?

0 投票
3 回答
1166 浏览

scroll - Symbian S60 - 在 CEikLabel 中滚动文本

我的应用程序中有一行 CEikLabel 需要滚动文本。

想到的简单解决方案(但可能是幼稚的)就像..

在每次更新时使用 CPeriodic 类作为计时器和 label.DrawDeferred()。

您认为这是最好的方法吗,每秒重绘标签两到三遍可能效率很低..但是还有其他方法吗?

谢谢 :)

0 投票
2 回答
11580 浏览

delphi - 在 Delphi 中滚动时查看 DBGrid 中的位置

我在表单上有一个 DBGrid。DBGrid 有很多列,因此会显示一个水平滚动条。我向右滚动 DBGrid 视图以查看更多列。如果我选择一行,DBGrid 视图会自动重置以查看第一列(就像我滚动回最左边的位置一样)。

有没有办法防止这种情况?

0 投票
2 回答
3191 浏览

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发嵌入在页面中的画布应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,它会滚动页面,因为它是文章的一部分。

当我在 dom 元素上滚动鼠标滚轮时,是否可以防止鼠标滚轮在窗口上滚动?!

0 投票
6 回答
1004 浏览

javascript - 检测窗口中呈现的 div 以实现类似 Google-Reader 的自动标记为已读?

当使用 Google Reader 并在“扩展”视图中浏览 RSS 条目时,一旦在屏幕上显示了一定百分比的 div,条目将自动标记为“已读”(在谷歌读者)。因此,当我逐行向下滚动时,javascript 代码可以确定 a) 条目正在可见窗口中呈现 b) 一定数量是可见的,当满足这些条件时,状态切换为读取.

有谁知道该功能是如何实现的?具体来说,这里有没有人知道如何判断一个 div 是否已经滚动到视图中,以及有多少 div 是可见的?

顺便说一句,我正在使用 jQuery,所以如果有人有任何 jQuery 特定的示例,他们将不胜感激。

0 投票
1 回答
14028 浏览

wpf - 向 WrapPanel 添加滚动条

如何将滚动条添加到 WPF 中的 wrappanel 控件。由于没有滚动条,我的一些控件在宽度方面被切断了。

0 投票
1 回答
4243 浏览

css - Firefox 溢出:滚动调整大小问题

在火狐中......

“容器”DIV 应该有滚动条,因为 id 为“content”的 div 比它宽。

如果使用 JavaScript(见下文),我将“内容”div 的大小重置为“200px”,我希望 div“容器”上的滚动条消失。他们不会,除非我手动调整浏览器窗口的大小。

我尝试通过应用 css 类来强制对容器进行回流。这没有用...

0 投票
6 回答
39016 浏览

javascript - 自动滚动到不断增长的页面底部的 Javascript 机制?

希望这对于有 Javascript 时间的人来说是一个简单的答案......

我有一个脚本正在监视一个日志文件,该脚本将日志中的新行提供给任何连接的浏览器。一些人评论说,他们希望看到的更多的是“tail -f”行为——最新的行将始终位于浏览器页面的底部,直到查看器向上滚动查看某些内容。滚动回底部应该让您回到自动滚动行为。

我的谷歌三振-希望-只是对javascript一无所知,因此不知道要搜索什么关键字。我不需要一个完整的解决方案——只要一个“足够接近”,让我跳进去弄脏我的手。

编辑:

我一直在尝试 scrollTop/scrollHeight 的想法,但显然缺少一些东西。我几乎没有用 Javascript 做任何事情,所以我可能再次提出了非常低级的问题:

这是许多排列之一。显然,我无法在 javascript 中逐行输出日志,但我只是想查看正确的行为。我在这里需要什么缺失的链接?

再次编辑:这已经变成了我最初预期的一个更有趣的问题。使用 window.scroll 的代码建议确实可以解决问题。我开始尝试将滚动限制为仅在浏览器位于文档正文底部时发生。这在理论上很容易做到,但在实践中却遇到了困难:

每次从服务器获取新文本时,正文的大小都会增加,并且您当前的滚动位置不再位于文档的底部。您无法再区分(使用 scrollHeight、clientHeight 和 scrollTop)是用户向上滚动还是文本刚刚超出他们的视图。

我认为如果这行得通,我将不得不承诺让自己有一个 JS 事件,当用户滚动并在窗口底部上方关闭滚动时触发该事件,但如果它们已经向下滚动到它们实际上位于视图底部的位置。我正在查看 onScroll 事件,并且鉴于我提到的变量的数学计算结果非常好,我认为我在这里走的是正确的道路。谢谢大家的意见!

0 投票
1 回答
2379 浏览

wpf - 是否有与 Windows 窗体列表框 TopIndex 等效的 WPF 列表框?

基本上我想要做的是允许用户输入一个字符串值并让列表框滚动到与他们输入的文本匹配的项目(或第一个 LIKE 匹配)。

如果我使用 .ScrollIntoView() 方法,问题是如果项目在列表中比当前滚动位置更靠下,它会将项目放在可见区域的底部,如果它更高,它会在顶部在列表中比当前滚动位置。我想通过使其成为列表中的顶部项目来使其保持一致(除非它当然不能因为它是项目的最后“页面”之一)。

我试图通过选择列表中更靠下的x项目来伪造它,其中 x 是可见项目的数量。这在下降时有效,但在上升时会中断。而且我一直无法确定哪个索引当前是我列表中最显眼的位置。

WinForms 列表框具有 .TopIndex 属性,该属性正是我正在寻找的,但我一直无法找到 WPF 等价物。那里的任何人都知道如何做到这一点?

提前致谢!