草庐IT

horizontal-scrolling

全部标签

html - 如何在页面上水平滚动

我有一个div,其中放置了内部div,我需要使所有内部div排成一行,并且应该显示水平滚动条(我知道这听起来很疯狂,但我需要它)。我尝试了containerwidthauto和overflowscroll但没有。如何实现?我的标记:text-overflowbody{width:auto;}#items{overflow-x:scroll;width:auto;}.item{display:inline-block;width:400px;height:100px;border:1pxsolid;}ItemcontentItemcontentItemcontentItemcontent

html - 水平滚动,适合内容宽度

我有一个具有以下结构的页面:div.wrapper>div.content>div.item+div.itemwrapper的宽度为320px,而两个div.item的宽度约为600px。我需要将这两个内联显示(现在它们是display:inline-block;,并让包装器的内容水平滚动。当我设置div.content宽度时到auto,它需要包装器的宽度(320px)。将宽度设置为200%显然可以使水平滚动起作用,但我如何获得div.content占用其内容的宽度以允许水平滚动?注意:包装器设置为固定宽度和高度,并设置了overflow-y:hidden和overflow-x:scr

html - 水平滚动,适合内容宽度

我有一个具有以下结构的页面:div.wrapper>div.content>div.item+div.itemwrapper的宽度为320px,而两个div.item的宽度约为600px。我需要将这两个内联显示(现在它们是display:inline-block;,并让包装器的内容水平滚动。当我设置div.content宽度时到auto,它需要包装器的宽度(320px)。将宽度设置为200%显然可以使水平滚动起作用,但我如何获得div.content占用其内容的宽度以允许水平滚动?注意:包装器设置为固定宽度和高度,并设置了overflow-y:hidden和overflow-x:scr

处理微信小程序scroll-view未被占满时滚动的问题

微信小程序(原生/uniapp)使用了scroll-view组件的第一个子元素设置了margin-top时,即使scroll-view只有一行也可以滚动。解决办法:方案一:去掉第一个元素的margin-top,设置scroll-view组件的padding-top来替代。这样做的话在滚动时scroll-view顶部和最上面一个元素之间总是有一段空隙。下面两个方案几乎没有负面影响。方案二:去掉第一个元素的margin-top,在scroll-view组件和第一个子元素之间添加一个高度固定的空白元素。方案三:将scroll-view组件的所有直接子元素用一个容器包裹,并将容器的宽高都设置为100%

html - ion-infinite-scroll 极少发射

我正在尝试获取ionInfiniteScroll工作-我已经让它在我的应用程序的其他几个地方工作,这个页面实际上几乎与另一个工作正常的页面相同。当我向下滚动时没有任何反应,没有加载图形。我的doInfinite内部有一条控制台消息方法,它永远不会执行...所以doInfinite代码永远不会执行。我在想可能是html结构有问题,因为该方法没有执行:...-->@{{a.username}}{{a.title}}{{a.caption}}-->...NORESULTSdoInfinite方法代码:doInfinite(infiniteScroll){console.log("indoin

html - ion-infinite-scroll 极少发射

我正在尝试获取ionInfiniteScroll工作-我已经让它在我的应用程序的其他几个地方工作,这个页面实际上几乎与另一个工作正常的页面相同。当我向下滚动时没有任何反应,没有加载图形。我的doInfinite内部有一条控制台消息方法,它永远不会执行...所以doInfinite代码永远不会执行。我在想可能是html结构有问题,因为该方法没有执行:...-->@{{a.username}}{{a.title}}{{a.caption}}-->...NORESULTSdoInfinite方法代码:doInfinite(infiniteScroll){console.log("indoin

HTML/CSS : scroll bar appears below HTML elements

在Chrome和Safari中,垂直滚动条出现在页面上HTML内容的下方,如下所示:我摆弄过::-webkit-scrollbar,但我能得到的最接近的结果是将滚动条宽度更改为0px。该部分的div是:.displayContent{min-width:620px;width:100%;height:auto;overflow:hidden;}这发生在Safari(但不是iOS上的移动版Safari)和Chrome中。火狐是好的。我也尝试摆弄溢出,但无法获得我想要的结果。建议? 最佳答案 有一个类似的问题。问题出在html中{}如果

HTML/CSS : scroll bar appears below HTML elements

在Chrome和Safari中,垂直滚动条出现在页面上HTML内容的下方,如下所示:我摆弄过::-webkit-scrollbar,但我能得到的最接近的结果是将滚动条宽度更改为0px。该部分的div是:.displayContent{min-width:620px;width:100%;height:auto;overflow:hidden;}这发生在Safari(但不是iOS上的移动版Safari)和Chrome中。火狐是好的。我也尝试摆弄溢出,但无法获得我想要的结果。建议? 最佳答案 有一个类似的问题。问题出在html中{}如果

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示