标签: scrollbars

当内容小于容器时，Chrome 滚动条不会消失

我有一个应用程序，它执行大量调整元素的大小以确保它们适合容器。有时内容会溢出，有时它们非常适合，所以我在容器上使用 overflow:auto 。

问题是在 chrome 中，当容器大小缩小时，容器会出现滚动条，即使获取了新的适当大小的图像，它也是不需要滚动条的正确大小。

对于简单的应用程序来说，一个简单的解决方法是设置溢出：隐藏，然后在回流后，再次设置溢出：自动。然而，在这个应用程序中，容器并不（实际上也不应该）知道它的内容是否会缩放以适应或不适合，甚至在它完成加载时（因此它知道何时更改溢出） . 这类似于这里提到的内容：http : //www.google.ad/support/forum/p/Chrome/thread?tid= 3df53193ac1cf08b& hl=en，但我认为这对我们的情况不可行

当内容适合时，还有另一种方法可以使滚动条消失吗？我已附上 HTML 以查看问题。单击绿色使其变大，然后再次单击使其变小。滚动条在 IE 和 firefox 中消失，但在 chrome 中不消失（单击“修复滚动条”后即可使用）

<!DOCTYPE html>
<html>
<head>
    <title>Scrollbar Woes</title>
    <script type="text/javascript">
        function toggle() {
          var img = document.getElementById('content');
          var span = document.getElementById('size');
          var newSize = 820 - parseInt(span.innerHTML)

          img.style.width = newSize + 'px';
          img.style.height = newSize + 'px';

          span.innerHTML = newSize;  
        };
        function fixSize() {  
          var img = document.getElementById('scroll');
          img.style.overflow = 'hidden';
          img.scrollWidth; // Calculate width to force a …

Run Code Online (Sandbox Code Playgroud)

css google-chrome scrollbars overflow

Xwi*_*utX

lucky-day

5
推荐指数

1
解决办法

2977
查看次数

自动滚动在子UserControl中不起作用

我有一个Parent包含Child控件的UserControl 。我希望Parent控件过小时自动滚动Child。为了获得Autoscroll，我在中将AutoScroll设置为True Parent，并确保Child足够大，可以将的大小调整Parent为小于它的大小。My Parent包含在中，Form并固定在所有四个边缘上。问题在于，我似乎无法在运行时显示滚动条。

我当然不能显示没有表单的控件，除非它在Designer中。在Visual Studio 2008 Designer中，Parent自动滚动可以完美地进行：我可以调整控件的大小，并且只要它Child的边缘部分隐藏了Parent，滚动条就会出现。但是，无论在Form设计器中还是在运行时查看控件时，无论我如何调整的大小，都不会出现滚动条Parent。

这似乎是一个错误，但感觉更像是我缺少明显的东西。作为孩子的某种东西Form似乎抑制了AutoScroll。

c# user-controls scrollbars visual-studio-2008

Nat*_*han

lucky-day

5
推荐指数

1
解决办法

5671
查看次数

在 LI 元素中显示水平滚动条并强制水平溢出

我有一些 CSS 和 HTML，如下所示。有一段 JavaScript 代码可以将 .tab 转换为 #tab-container 的选项卡式元素。由于 #tab-container 具有固定的宽度和高度，如果 .tab 的内容超过宽度/高度，则会隐藏或溢出。对于 UL，我希望它溢出并在 div.tab 内有滚动条。只应出现水平滚动条。我尝试使用下面的代码，但由于某种原因我只能垂直滚动（LI填充宽度限制，然后出现更多行......我只想要一行+水平滚动）。我认为我不能真正更改这两个 DIV，否则选项卡将被破坏。我需要 .tab 层内的解决方案。

HTML：

<div id="tab-container">
    <div class="tab">
       <ul>
           <li><img src="img01.png" width="96" height="96" /></li>
           <li><img src="img02.png" width="96" height="96" /></li>
           <li><img src="img03.png" width="96" height="96" /></li>
           <li><img src="img04.png" width="96" height="96" /></li>
       </ul>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS：

#tab-container { width: 500px; height: 200px; position: relative; overflow: hidden; } 
.tab { position: relative; overflow: hidden;}
#tab-container .tab ul { position: absolute; width: auto; display: block; overflow: scroll; }
#tab-container …

Run Code Online (Sandbox Code Playgroud)

html css positioning scrollbars overflow

unf*_*vio

lucky-day

5
推荐指数

1
解决办法

1万
查看次数

为什么在UserControl中未正确更新Visible属性？

有时我的UserControl的Visible属性无法正确更新.它发生在我的应用程序启动时,在OnFontChanged中,从InitializeComponent内部触发,可能是因为还没有设置其他一些东西.我只是无法找出什么.

替代文字

vScrollBar是一个UserControl,位于另一个UserControl中.显然,只有在尝试将值设置为true时才会发生这种情况. vScrollBar已经有了它的手柄,正如IsHandleCreated的手表所说的那样.

c# user-controls visibility scrollbars

Gab*_*iel

lucky-day

4
推荐指数

2
解决办法

1651
查看次数

使用比窗口更多的行与ncurses

我最近被介绍过ncurses用于异步键盘按键监听,并且与它相处得很好.我面临的一个问题是你只能在可见屏幕上显示文字,没有滚动条.我想知道它是否可以继续使用,ncurses因为它是如此可爱,但让程序仍然保持滚动条而不是到达最后一行并留在那里.

c linux scrollbars ncurses

top*_*erg

lucky-day

4
推荐指数

1
解决办法

9198
查看次数

隐藏水平滚动条

我的水平滚动条有问题.我不希望它出现.实际上它只显示在Chrome中,而不是在Internet Explorer中显示.我能做什么？我已经尝试在css类中修改宽度和填充,但这也会改变布局.内部测试内容是动态的,因此它可以垂直溢出,这很好,因为我只是不想要水平滚动条.

HTML:

<div class="test">
    <table>
        <tr>
            <td>test</td>
        </tr>
    </table>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS:

.test {
    BORDER-TOP: #7F9DB9 1px solid;
    BORDER-RIGHT: #7F9DB9 1px solid;
    BORDER-LEFT: #7F9DB9 1px solid;
    BORDER-BOTTOM: #7F9DB9 1px solid;
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff
}

Run Code Online (Sandbox Code Playgroud)

如果你需要它,这里是一个小提琴:http://jsfiddle.net/XLY9L/

谢谢

html css scrollbars

Gyo*_*der

lucky-day

4
推荐指数

2
解决办法

4万
查看次数

如何在silverlight 3.0中启用滚动条

我在Silverlight 3.0的xaml页面中将画布宽度设置为1500,高度设置为1600.

当我运行测试页时,我看不到滚动条.所以我无法滚动查看其余元素.我还需要为网格设置滚动条.

如何启用滚动条？

请帮忙.

c# scrollbars silverlight-3.0

Him*_*dri

lucky-day

3
推荐指数

1
解决办法

7684
查看次数

使用自定义滚动条自动完成jquery UI插件

有人试图为jquery UI自动完成小部件制作自定义滚动条吗？我正在尝试将jScrollPane jquery组件与自动完成小部件结合使用,但到目前为止还没有任何成功.如果有人知道一些带有自定义滚动条的jquery自动完成组件,或者知道如何更改jquery ui自动完成小部件以支持jscrollpane组件,我将不胜感激.

jquery autocomplete scrollbars jscrollpane

dra*_*rak

lucky-day

3
推荐指数

1
解决办法

6270
查看次数

在JavaScript中被文档维度所困惑

我真的很困惑JavaScript中存在的不同属性,用于获取文档的尺寸以及如何获取这些数字.有人可以推荐一个好地方开始了解我如何获得文档的大小和正确定位的东西？

javascript document scrollbars dimensions

use*_*031

lucky-day

3
推荐指数

1
解决办法

3174
查看次数

如何在 JavaFX WebView 中隐藏滚动条

我正在尝试删除 javafx web 视图中的滚动条。在论坛上搜索一下，建议是让它们不可见，如下：

browser.getChildrenUnmodifiable().addListener(new ListChangeListener<Node>() {
    @Override public void onChanged(Change<? extends Node> change) {
        Set<Node> deadSeaScrolls = browser.lookupAll(".scroll-bar");
        for (Node scroll : deadSeaScrolls) {
            scroll.setVisible(false);
        }
    }
})

Run Code Online (Sandbox Code Playgroud)

但是，我收到以下错误：

“trait ListChangeListener 是抽象的；无法实例化”

我可以理解为什么它会失败，但话又说回来，为什么人们使用这段代码会成功呢？我正在使用 Eclipse，代码包含在 Scala 代码中。

谢谢！S

scala javafx scrollbars hide webview

use*_*640

2012 06-27

3
推荐指数

1
解决办法

7581
查看次数