问题标签 [scrollbars]

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 回答
1374 浏览

.net - 设置垂直滚动条位置取决于列表中的选定项目

在我的小应用程序中有一个按钮,一旦被点击,列表视图中的第五个项目就会被选中。

问题是它超出了列表视图范围,我希望垂直滚动条向下滑动,以便我可以看到所选项目。

我怎样才能做到这一点 ?

在此处输入图像描述

XAML:

C#代码:

0 投票
2 回答
1378 浏览

css - 固定 Div 隐藏滚动条

我有一个奇怪的问题,我有一个在我的页面内滚动的 DIV……但在那个 div 中我有一个固定的“标题”……而且因为我的布局是流动的(100%)宽,它正在制作“FXED” div 覆盖在下面 div 的滚动条上......

解决此问题的最佳方法是什么?我附上了正在发生的事情的简单屏幕截图......希望它有所帮助。在此处输入图像描述

0 投票
1 回答
2769 浏览

scrollbars - 如何防止滚动条自动回到顶部?

我有一个带有滚动条的 div 内的链接列表。当用户点击 div x 高度下方的链接时,滚动条会自动返回顶部。无论用户点击什么链接,我都希望滚动条保持原位。这是该站点-尝试单击2006年的一幅画,您就会明白我的意思。

有人对我如何使这个滚动条表现有任何想法吗?

谢谢,布拉德

0 投票
3 回答
6880 浏览

javascript - 如何检测浏览器窗口上是否有滚动条?

我需要能够检测浏览器窗口上是否有滚动条(垂直和水平)。我一直在使用此代码,但它在 Firefox 5 中无法可靠运行。

有没有更好的方法可以跨浏览器工作。我的浏览器目标是 Firefox 4-5、Chrome、Safari 4+、Opera 10+。

如果您对为什么我需要知道是否有滚动条感兴趣,那是因为我有一些旋转的 CSS3 过渡(由于它们旋转的性质)可能暂时超出当前文档大小的边缘(从而使文档暂时较大)。如果最初没有滚动条,CSS3 过渡可能会导致滚动条在过渡期间出现,然后在过渡完成后消失,从而导致难看的滚动条闪烁。如果我知道没有滚动条,我可以临时添加一个类,将溢出-x 或溢出-y 设置为隐藏,从而防止滚动条在 CSS3 过渡期间闪烁。如果滚动条已经存在,我不需要做任何事情,因为它们可能会移动一点,但它们不会在过渡期间打开/关闭。

如果一个人实际上不仅可以判断是否通常需要滚动条,而且可以判断它们是否真的存在,那么奖励积分。

0 投票
1 回答
4503 浏览

html - How to get overflow:auto to work for an iframe in IE and Chrome?

I have an iframe and I want it only to add a scrollbar when it is necessary to reveal more content. I've set overflow to "auto" on the iframe. This doesn't work in Chrome or IE:

enter image description here

Here's the html:

Things I've tried (and that have been suggested on SO): setting the parent element and the iframe's dimensions, setting scrolling="no" on the iframe, setting overflow to "hidden". All of these result in unwanted behaviour.

How do I get the scrollbar to appear only when needed?

0 投票
1 回答
2499 浏览

jquery - 自定义滚动条替换默认值

有谁知道例如一个 jQuery 插件,它将用自定义滚动条替换网页的默认主滚动条?谢谢。

0 投票
1 回答
997 浏览

css - 滚动条未出现在 FF 中,但出现在 Chrome 中

最近我找到了一个链接并在 FF 和 Chrome 中打开它。出现了一个小的弹出窗口。我在 Chrome 中调整了 PopUp 的大小并出现了滚动条。然后我在 FF 中调整了 PopUp 的大小,我无法滚动。没有滚动条。

这是一个已知问题还是与某些样式有关?当窗口变小以阅读整个文本时,滚动条只会出现在 Chrome 中,但不会出现在 FF 中。

0 投票
2 回答
775 浏览

javascript - 使用 jQuery 自定义滚动条时表单字段之间的选项卡问题

我正在开发一个为网站提供附加工具的项目,该工具大量使用了 jQuery。演示/设计至关重要,我想将浏览器应用的标准(丑陋)滚动条替换为内容溢出的 html 元素,并用更好看的东西。

周围有许多 jQuery 插件可以应用自定义滚动条并允许通过 CSS 进行样式设置,这很棒,但我尝试过的所有插件似乎都遇到了同样的问题:如果可滚动内容包含带有文本字段的表单等等,字段之间的选项卡不会激活滚动条,并且在某些情况下可能会完全搞砸自定义滚动条布局。

我尝试过的两个插件示例:

http://manos.malihu.gr/jquery-custom-content-scroller http://baijs.nl/tinyscrollbar/

我也尝试过其他人,但在所有演示/示例中,内容都是纯文本。我已经对此进行了大量搜索,但似乎没有人尝试将这些插件与基于表单的内容一起使用。

所有这些插件似乎或多或少都以相同的方式工作,我可以确切地看到发生了什么以及为什么,但只是想知道是否有其他人遇到过这个问题和/或找到了解决方案?

这个问题可以很容易地复制如下(使用 tinyscrollbar 插件):

将此添加到标准 html 测试页面 -

CSS:

html:

插件参考(假设 jquery 库等也被引用):

jQuery代码:

现在单击第一个文本字段,使其具有焦点,按 Tab 键移动到下一个,看看会发生什么。

0 投票
2 回答
1278 浏览

css - 狮子滚动条颜色

Lion 中的滚动条似乎基于 HTML 的背景颜色(较浅的颜色 BG = 黑色滚动条,较深的 BG = 白色)。

我遇到的问题是(我假设)是关于页脚的常见技巧。我通常将我的 HTML 元素的背景颜色设置为页脚的颜色,这样如果页面比浏览器窗口短,页脚就会继续显示(因为 BODY 元素结束,然后 HTML 元素显示直到结束页)。但是,这样做会使滚动条基于页脚的颜色,而不是内容区域的颜色。

当页面比窗口短时,是否有任何其他技巧可以使页脚继续,或者无论如何强制狮子滚动条的颜色(ick)?

0 投票
2 回答
866 浏览

qt - qt获取滚动视图位置

我在水平布局中有一个 QGraphicsView。QGraphics 场景中包含的 QGraphicsScene 非常大(数千像素),因此默认情况下会显示滚动条以允许我滚动浏览视图。

每次更新图形场景中的场景时,我都会删除旧场景,创建一个新场景,用对象填充它,然后调用 view->setScene(scene)。但是,当我这样做时,滚动条默认位于 QGraphicsView 的左上角,而不是停留在它们所在的位置。

我尝试在销毁场景之前保存 QGraphicsScene::sceneRect ,然后在之后执行 setSceneRect() 来恢复它,但这不起作用,因为这只影响场景本身,而不是显示它的 QGraphicsView。我也尝试过查看->verticalScrollBar()->setValue(),但这似乎根本不会影响滚动条。

如何访问默认为我创建的滚动条,并将它们设置为之前存储的值?