草庐IT

auto-scroll

全部标签

html - 如何 : 100% Height Table only Scroll tbody

是否可以使用CSS滚动100%高度表格的内容而不是标题,并且只将滚动条显示到tbody内容的一侧而不是标题行?谢谢! 最佳答案 我希望现在还不算太晚,你还活着,从那以后情况有了很大的改善:)您可以使用:table{display:inline-grid;grid-template-areas:"head-fixed""body-scrollable";}thead{grid-area:head-fixed;}tbody{grid-area:body-scrollable;overflow:auto;height:calc(100vh

html - 自举 Accordion : how to avoid page scroll when collapse or expand elements

尝试折叠或展开Accordion的元素时出现意外的页面滚动。也许我只是在Bootstrap网格系统上做错了什么?这是页面示例:如何避免这种刺激性影响?jsfiddle可用https://jsfiddle.net/Lfwvtyms/1/LonglonglonglonglonglongheaderheaderheaderheaderheaderheaderlnglasdlewqjFirstlistItem1Item2Item3AnotherlistItem1Item2Item3Divwithfixedheightheremyfooterhere 最佳答案

html - 我怎样才能让一个绝对定位的 div 扩展到它的 relativley 定位的父级之外,它有溢出 : auto?

我有一个相对定位的div,它设置了overflow:auto。在里面,我有一个div,它充当一种下拉菜单。我希望下拉div在需要时扩展到父级之外,但它正在被裁剪,因为父级具有overflow:auto。我意识到这是正确的行为,但我不确定如何实现我想要的。下面是一些说明问题的HTML示例:owndiv与overflow:autodiv中的其他内容上下文相关,因此将它们放在一起是有意义的。我想我可以使用javascript将下拉div移动到DOM的另一部分,但如果可以避免,我宁愿不这样做。 最佳答案 您的问题是position:rela

java 读取 带密码的 elasticsearch scroll翻页

java读取带密码的elasticsearchscroll翻页带密码的elasticsearch需要在访问时输入密码,故这里我们选择使用Curl工具的形式访问首先我们定义一下工具类相关的依赖可以在我之前的博客里查看java解析hiveserver2日志解析HiveSQL获取表的使用次数热度curl的工具类如下:importjava.io.BufferedReader;importjava.io.IOException;importjava.io.InputStreamReader;publicclassTestCurl{ //输入curl命令,如果空格则以空格为分割以数据形式进行传递publi

html - 为什么 "margin: auto"不使元素垂直居中?

正如您在下面的演示中看到的,margin:auto;将蓝色div水平居中,但不是垂直居中。为什么不呢?.box{border:1pxsolidred;width:100px;height:100px;}.center{background:blue;width:50px;height:50px;margin:auto;}我的问题不是寻求解决方法。 最佳答案 如前所述,此行为在section10.6.2中指定。CSS2.1,并且与CSS2保持不变.block盒按正常流向从上到下垂直堆叠。此外,verticalmarginsmaycol

css - 如何过渡高度 : 0; to height: auto; using CSS?

我正在尝试制作使用CSS过渡向下滑动。开始于height:0;.悬停时,高度设置为height:auto;.然而,这导致它只是出现,不是过渡,如果我从height:40px;开始至height:auto;,然后它将向上滑动到height:0;,然后突然跳到正确的高度。如果不使用JavaScript,我还能如何做到这一点?#child0{height:0;overflow:hidden;background-color:#dedede;-moz-transition:height1sease;-webkit-transition:height1sease;-o-transition:he

html - 100% 宽度的背景图片,高度为 'auto'

我目前正在为一家公司开发移动着陆页。这是一个非常基本的布局,但在标题下方有一个产品图像,其宽度始终为100%(设计显示它始终从边到边)。根据屏幕的宽度,图像的高度显然会相应调整。我最初是用img(CSS宽度为100%)做的,效果很好,但我意识到我想使用媒体查询来根据不同的分辨率提供不同的图像——假设是小型、中型和例如,同一图像的大版本。我知道您不能使用CSS更改imgsrc,所以我想我应该为图像使用CSS背景,而不是HTML中的img标签。我似乎无法让它正常工作,因为带有背景图像的div需要宽度和高度来显示背景。我显然可以使用'width:100%'但是我用什么来设置高度呢?我可以设置

html - 在 Internet Explorer 8 中使用 "margin: 0 auto;"

我正在对IE8进行一些高级测试,似乎使用margin:0auto;的旧技术在IE8中并不适用于所有情况。以下HTML片段在FF3、Opera、Safari、Chrome、IE7和IE8兼容中提供了居中按钮,但在IE8标准中没有:(作为变通方法,我可以为按钮添加明确的宽度)。所以问题是:哪些浏览器是正确的?或者这是行为未定义的情况之一?(我的想法是所有浏览器都是不正确的——如果按钮是“display:block”,它不应该是100%宽度吗?)更新:我是个笨蛋。由于输入不是block级元素,我应该将它包含在带有“text-align:center”的div中。话虽如此,出于好奇,我仍然想知

html - 使用 margin :auto to vertically-align a div

所以我知道如果我们使用margin:0auto;,我们可以将一个div水平居中。margin:autoauto;应该按照我认为的方式工作吗?也垂直居中?为什么vertical-align:middle;也不起作用?.black{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);}.message{background:yellow;width:200px;margin:autoauto;padding:10px;}Thisisapopupmessage.JSFiddle

html - HTML "overflow : auto"和 "overflow : scroll"之间的区别

当我研究overflow属性的值时,我遇到了这两个值:auto和scroll,后者添加了滚动条如果内容溢出元素。谁能解释一下它们之间的区别是什么? 最佳答案 Auto只会在裁剪任何内容时显示滚动条。Scroll将始终显示滚动条,即使所有内容都适合并且您无法滚动它也是如此。 关于html-HTML"overflow:auto"和"overflow:scroll"之间的区别,我们在StackOverflow上找到一个类似的问题: https://stackover