标签: vertical-scrolling

如何设置<table>100%宽度并仅在<tbody>垂直滚动内放置一些高度？

table {
    width: 100%;
    display:block;
}
thead {
    display: inline-block;
    width: 100%;
    height: 20px;
}
tbody {
    height: 200px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
  

<table>
  <thead>
    <tr>
    	<th>Head 1</th>
    	<th>Head 2</th>
    	<th>Head 3</th>
    	<th>Head 4</th>
    	<th>Head 5</th>
    </tr>
  </thead>
  <tbody>
    <tr>
    	<td>Content 1</td>
    	<td>Content 2</td>
    	<td>Content 3</td>
    	<td>Content 4</td>
    	<td>Content 5</td>
    </tr>
  </tbody>
</table>

我希望避免增加一些额外的div,我要的是简单的表像这样,当我试图改变显示table-layout,position在CSS表以及更多的东西没有工作好与100%的宽度仅与PX固定宽度.

在我的应用程序中,我得到了一个活动,顶部有一些动作栏,下面是列表视图.我想要做的是 - 用列表向上滚动它,所以它隐藏然后,当列表向下滚动时 - 它应该向下滚动列表,就像它刚好在屏幕上边框上.我该如何实现这一功能？

我想创建一个可滚动的div标签,其高度固定,可以获得垂直滚动条.我试图让它在chrome中工作.

这是我的CSS:

#designDiv
{
    width:249px;
    height:299px;
    background-color:Gray;
    overflow-y: scroll;
    max-width:230px;
    max-height:100px;
}

它确实显示了垂直滚动条,但问题是在用户向其添加一些内容的运行时#designDiv.它不滚动,#designDiv开始垂直扩展.

如何为chrome垂直创建可滚动的div标签？

我在我们的一个网站上遇到了一个问题:

在IE9中,页面有一个垂直滚动条,但你不能使用鼠标滚轮,箭头键,pgup/pgdwn来滚动.滚动的唯一方法是实际单击/按住并移动滚动条.

我从css中删除了以下内容:

{
    overflow-x: hidden;
}

然后滚动照常工作.还有其他人遇到过这个吗？溢出-x应该隐藏水平滚动条似乎很奇怪？它为什么会影响垂直？

我在测试页面上尝试了这个,它按预期运行.所以它必须是事物的组合.

我的CSS看起来像这样:

div.SOMECLASS {
  position: absolute;
  max-height: 300px
  height: auto;
  width: auto;
  overflow: auto;
  ...
}

div高度和宽度自动缩放.虽然高度已固定最大值:一旦达到此值,就会出现垂直滚动条.这很有效.

现在的问题:
如果垂直滚动条出现,他们使用了周围的10px的水平空间,如滚动条将放在里面的div.
但是,宽度不是自动调整的,以允许垂直滚动条使用的这些额外的10个像素.由于添加垂直滚动条之前的水平宽度恰好适合内容(正如width:auto设置所预期的那样),div现在还显示水平滚动条 - 允许缺少10个像素.这太傻了.

• 如何避免使用这些水平滚动条并自动调整宽度div以使垂直滚动条适合？

如果可能的话我找的不依赖于只是完全禁用水平滚动,因为这可能会在某些时候需要(即对某些输入)的解决方案.

它应该在AppBarLayout兄弟的父母或其兄弟姐妹的第一个Scrollable View中设置吗？

使用Material Design for Android,有些视图可以让我们根据周围环境处理布局的行为,其中一个是CoordinatorLayout,正如CodePath指南所提到的:

CoordinatorLayout扩展了完成许多Google Material Design滚动效果的功能.目前,此框架中提供了多种方法,使其无需编写您自己的自定义动画代码即可工作.

我现在感兴趣的是:

• 扩展或收缩工具栏或标题空间以为主要内容腾出空间.

因此,我们将AppBarLayout与带有set 的工具栏app:layout_scrollFlags和另一个与AppBarLayout一起使用的ViewGroup兄弟一起使用app:layout_behavior.

我的问题是:我们应该把它放在什么样的ViewGroup(或者View) app:layout_behavior？

到目前为止,我已经尝试过(而且他们都已经工作了,他们都是AppBarLayout的兄弟姐妹):

• 滚动视图

• 可滚动视图中的第一个ViewGroup

• ViewGroup内的ScrollView

而这一个没有用:

• 没有Scrollable View子集的ViewGroup.

在线有多个例子,但没有一个真正说明你应该把它放在哪里,比如:

http://www.ingloriousmind.com/blog/quick-look-on-the-coordinatorlayout/ https://guides.codepath.com/android/Handling-Scrolls-with-CoordinatorLayout https://developer.android.com /training/basics/firstapp/building-ui.html https://www.bignerdranch.com/blog/becoming-material-with-android-design-support-library/

在Safari和Chrome中测试过 - 结果相同,所以我认为这是iOS问题.

只有在模态中有输入并且我点击该输入时才会发生这种情况.在输入获得焦点并且原生iOS键盘变得可见的同一时刻.

同一时刻模态下面的页面会自动滚动到其高度的50%.这种行为是完全不需要的,我不知道如何防止这个默认的iOS"功能".

演示:

我创建了一个窗口如下:

Window myWindow = new Window();

如何在此窗口中添加垂直滚动条,并使滚动条仅在高度不足以显示所有元素时才可见.

有没有办法VS Code在分割视图中同步垂直或水平滚动？

就像在Notepad++例如:

来自按钮:

从查看菜单:

有人可以指导我一个关于如何在我的iOS应用程序上实现垂直滚动视图的教程吗？

我无法相信最近两天,我在一个垂直滚动视图上找不到一个单独的工作示例.所有教程都是关于水平滚动,缩放等.

我正在寻找的东西就像这个教程http://www.edumobile.org/iphone/iphone-programming-tutorials/scrollview-example-in-iphone-2/,它展示了如何制作uiscrollView并添加对象它来自Builder,而不是以编程方式.我发现的唯一缺陷是,当试图在滚动区域中添加地图时,地图会出现,而不是在我放置它的位置.也许有任何想法呢？

有什么想法吗？