草庐IT

Auto-Scroll

全部标签

jquery - HTML/jQuery 表 : Scroll horizontally, 修复第一(左)列

我有一个表格,其中显示了一列测试名称,其中有几列(数量不限)与测试相关的各种测试数据。由于会有几组数据,我想限制可以看到的数量,并让用户能够水平滚动以显示/隐藏不同的数据组。Jquerytablecolumnslidingeffect的公认答案具有我正在寻找的那种滑动效果,但是如何修复最左边的名称列?有很多数据,所以我不想克隆两个表,正如Internet上其他地方所建议的那样。为名称创建一个固定表格,为数据结果创建一个可滚动表格很接近,但是行高根据接收到的数据量是可变的(一个单元格中可以有几行文本),所以对齐方式变得被扔掉了。此外,我不想要默认的Internet滚动条。我有左/右箭头图

html - ionic 2 : Hide scroll-bar and keep scrolling

我只想在需要滚动的页面中隐藏滚动条。我正在使用Ionic2我的不工作解决方案:.scroll-content-bar{overflow:hidden;}此解决方案隐藏滚动条但使屏幕不可滚动。 最佳答案 首先,改变浏览器的自然行为和预期的用户体验是一个冒险的举动。但是,如果您仍然真的想要,我认为您最好的选择是伪造它。在这种情况下,将width设置为0应该就足够了,但我还将背景颜色更改为完全透明。div{background:gray;height:200px;overflow-y:scroll;}p{border-bottom:1px

html - '溢出-x : scroll' inside a fixed div prevents vertical scrolling on ios

似乎如果你有一个带水平滚动的div,在一个定位固定的div内,它会阻止IOS上的垂直滚动。I.E-如果我通过将手指放在水平滚动的div上开始滚动,然后尝试垂直滚动,什么也没有发生。在我同事的Andriod设备上似乎没问题。我已经创建了一个测试用例,在这里演示了这个问题:http://jsbin.com/jikatugeli/这是htmlJSBinsomecontentunderneathI'msomeothercontenthihihihihihihihihihihihellothere,Iamsometexttomakethingsscrollable这是CSSp{font-size

html - 预标记宽度 :100% or max-width:100% overflow:auto is not flexible

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion这里是一个例子的链接:http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html我的标签元素将包含长行代码。每当其容器更改为width:auto(宽

html - 是最大宽度 :auto == max-width:100%?

是max-width:auto;等于max-width:100%?如果不是,有什么区别? 最佳答案 它们不相等。auto不是max-width的有效值.如果您要查找表示“此元素的宽度没有上限”的值,则该值为none(参见max-width上的规范)。none然而,也不等于100%。值100%表示元素最多只能与其包含block的约束一样宽(有关百分比宽度的详细信息,请参阅thewidthproperty上的规范)。与none,你仍然可以使元素比它的包含block更宽(这通常会导致溢出),例如通过设置width:150%在元素上。如果最

html - CSS 高度 :auto doesn't work with my wrapper div

我希望有人能看看我的网站并告诉我这里可能发生了什么。我遇到的问题是#bodyWrapdiv不会自动拉伸(stretch)到它的一个child#contentWrap的高度。#contentWrap可以很好地填充该页面上的所有内容,但这不会冒泡到父级#bodyWrap。提前感谢您的任何见解。http://www.jacobsmits.com/placeholderRX/index.html 最佳答案 您必须在关闭容器之前添加一个clearerdiv:float元素不会影响容器的高度...因为它是float的;)。现场工作示例:http

html - 为什么margin :0 auto; not work on this input button?

我正在尝试将输入按钮置于表单的中央,但通常的边距是:0auto;没有做任何事情。以下是我的HTML的设置方式:和CSS:body{padding:0;margin:0;width:100%;font-family:CenturyGothic,sans-serif;}.container{width:100%;}#contact-div{height:100vh;width:100%;background:url("images/contactpic3.jpg")no-repeatcenterfixed;background-size:cover;}.input-field{width:

html - CSS 边距 : 0 Auto; is not working on <img> tag

我的标记很简单,而且我使用的是内联CSS。我的目标是使用margin:0auto;使图像居中在styleHTML属性。这是我试过的代码:为什么CSS没有居中我的? 最佳答案 您必须使用display:block才能使margin:0pxauto生效。 关于html-CSS边距:0Auto;isnotworkingontag,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/26477

html - 位置固定和溢出-y :scroll issue

我已阅读此问答:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue以及一堆其他相互冲突的用例。我也尝试过对不同的parent应用不同的溢出类型。似乎没有什么能让我的用例正常工作。我的案例我有一个包含很多链接的全高固定菜单,所以如果浏览器的高度不足以显示所有链接,我希望允许用户在固定的div内滚动。这不是一个大胆的要求。我该如何解决这个问题,这是我正在使用的设置示例:http://jsfiddle.net/mz9abf43/9/更新这是更新后的fiddle,包含我的完整上下文代码,这正是我希望菜单的外观,但我只

html - 同步图像 block {width : 100%; height : auto} behaviour

我想创建以下布局:是具有不同宽度和高度的可变数量图像的条纹,它们是:比例在同一高度缩放;并且它们的宽度之和等于父宽度。***表达自己有点复杂;我想知道当您将宽度设置为百分比时,block是否有可能模拟img整齐的比例行为,并且它会神奇地自动计算它的高度.我制作了一个图表,也许可以更好地解释我想要实现的目标:我希望图像的总宽度为父元素的100%,并在不失去比例的情况下以相同的高度缩放。我已经尝试了各种实现,试图找出一种方法,我可以在其中转换计算css中的百分比高度,该高度填充block的所有宽度,当有{width:100时图像的行为方式%;高度:自动属性。到目前为止,这是我得到的:Str