草庐IT

auto-scroll

全部标签

html - margin auto 是什么意思?

我检查了MDN查看margin属性的自动值意味着什么,它说:“auto被替换为一些合适的值,例如,它可用于block的居中。”但是什么是合适的值(value),适合什么?我自己做了一些实验,发现如果我添加ma​​rgin-left:auto,容器会向右移动(就像向右浮动):#container{background:red;width:120px;margin-left:auto;}http://jsfiddle.net/sph2j6jx/这是否意味着添加marginauto实际上类似于“占用所有可用空间”?当您同时添加左右边距时,它会将div居中,因为它会尝试占用左右两侧的所有空间?

uniapp中scroll-view去除滚动条

前言:uniapp中我们使用scroll-view实现横向或者竖向滑动时,我们会发现横向或者竖向是有一个滚动条的,不是很美观,那么我们就可以尝试去去除一下滚动条(如果采用以下官方方法无法去除时,那么请向官方反馈信息)一、scroll-view下的show-scrollbar属性不过它默认是false,那就是本身不显示,可以忽略这个方法二、app-plus属性下的scrollIndicator:none代码"scrollIndicator":"none"三、通过css的-webkit-scrollbar自定义,包括隐藏滚动条代码:::-webkit-scrollbar{display:none;

html - 溢出 :scroll; in <td>

为什么CSS属性overflow:scroll;不适用于,而overflow:hidden;效果好吗?10000000000000000000000000000000000200300来自CSS规范1,2,我不明白为什么。 最佳答案 您必须将它包装在一个div中,这样才行:10000000000000000000000000000000000200300 关于html-溢出:scroll;in,我们在StackOverflow上找到一个类似的问题: https

html - 溢出 :scroll; in <td>

为什么CSS属性overflow:scroll;不适用于,而overflow:hidden;效果好吗?10000000000000000000000000000000000200300来自CSS规范1,2,我不明白为什么。 最佳答案 您必须将它包装在一个div中,这样才行:10000000000000000000000000000000000200300 关于html-溢出:scroll;in,我们在StackOverflow上找到一个类似的问题: https

html - IE11 flexbox 最大宽度和边距 :auto;

我有一个包含两个元素的简单flexbox容器:firstitemseconditem第一项的flex-grow:1和max-width为200px。第二项有margin-left:auto;与容器对齐:#container{display:flex;}#first-item{max-width:200px;flex:1;}#second-item{margin-left:auto;}这是一个工作演示:http://jsfiddle.net/c81oxdg9/2/我希望第一个元素左对齐并有一些最大宽度。第二项要右对齐。在Chrome、Firefox甚至IE10中工作正常,但在IE11中不

html - IE11 flexbox 最大宽度和边距 :auto;

我有一个包含两个元素的简单flexbox容器:firstitemseconditem第一项的flex-grow:1和max-width为200px。第二项有margin-left:auto;与容器对齐:#container{display:flex;}#first-item{max-width:200px;flex:1;}#second-item{margin-left:auto;}这是一个工作演示:http://jsfiddle.net/c81oxdg9/2/我希望第一个元素左对齐并有一些最大宽度。第二项要右对齐。在Chrome、Firefox甚至IE10中工作正常,但在IE11中不

html - 使用 overflow-y : scroll; 时减少滚动卡顿

我有一个2列布局,右侧列是一个可滚动的结果列表,最多包含200个元素结果(基本上只是一个带有overflow-y:scroll;集的ul)我发现当您滚动时,右侧的列会导致一些卡顿(这在低端硬件上尤其明显)。在chrome时间轴中,当我滚动该列时,我可以看到一些主要的“更新层树”。有什么方法可以弄清楚为什么“更新层树”如此冗长以及哪些CSS属性对速度的影响最大?当我点击它时-只给我关于它运行了多长时间的信息,没有其他信息。我在每个li中都有一些表现不佳的CSS(例如过滤器、变换、框阴影等)-如果我一个一个地删除每个SASS文件,它会提高滚动性能(并在我删除所有CSS后最终消除卡顿),但显

html - 使用 overflow-y : scroll; 时减少滚动卡顿

我有一个2列布局,右侧列是一个可滚动的结果列表,最多包含200个元素结果(基本上只是一个带有overflow-y:scroll;集的ul)我发现当您滚动时,右侧的列会导致一些卡顿(这在低端硬件上尤其明显)。在chrome时间轴中,当我滚动该列时,我可以看到一些主要的“更新层树”。有什么方法可以弄清楚为什么“更新层树”如此冗长以及哪些CSS属性对速度的影响最大?当我点击它时-只给我关于它运行了多长时间的信息,没有其他信息。我在每个li中都有一些表现不佳的CSS(例如过滤器、变换、框阴影等)-如果我一个一个地删除每个SASS文件,它会提高滚动性能(并在我删除所有CSS后最终消除卡顿),但显

html - 如何在动态大小的绝对 div 中包含 "overflow: auto;"滚动条的宽度?

(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单,该菜单从其内容继承其宽度(因为我事先不知道宽度,即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时,就会出现问题。我设置了“溢出:自动;”这样它就可以垂直滚动,但是新的滚动条不会使div变宽。取而代之的是,div保持相同的宽度,并且滚动条伸入其先前大小合适的内容中,迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中,“五”换行到下一行,但在Chrome中(至少对于Mac),它全部显示在一行上

html - 如何在动态大小的绝对 div 中包含 "overflow: auto;"滚动条的宽度?

(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单,该菜单从其内容继承其宽度(因为我事先不知道宽度,即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时,就会出现问题。我设置了“溢出:自动;”这样它就可以垂直滚动,但是新的滚动条不会使div变宽。取而代之的是,div保持相同的宽度,并且滚动条伸入其先前大小合适的内容中,迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中,“五”换行到下一行,但在Chrome中(至少对于Mac),它全部显示在一行上