腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
Adobe Flex控件缺少垂直滚动条
apache-flex
、
datagrid
、
adobe
、
scrollbar
我有一个包含数据网格的画布。我将画布的水平和垂直滚动设置为“off”,将DG的水平和垂直滚动设置为“auto”。直到我在DG (>=16)中有了更多的列,垂直滚动条才会出现。有没有人看到这个,更好的是,有一个答案?
浏览 4
提问于2009-01-14
得票数 0
1
回答
我希望我的容器div垂直扩展以容纳其内容...?
html
、
containers
、
expand
我正在创建一个页面,它有一个背景图像,内容位于一个居中的容器中,该容器垂直向下运行。类似于Yahoo!答案布局: 如果你在Yahoo上最小化你的浏览器!答案是垂直滚动会变得“更长”,内容都会留在白色的容器上。 然而,在我的浏览器上,当我最小化我的浏览器时,容器底部的内容溢出并显示在背景图像上。我想让容器扩展..。 我不想使用overflow:auto或任何其他overflow属性,我也不喜欢滚动条。 请看下面内容,并提前感谢您: body { background-image: url('images/ppback.jpg'); padding: 0; margin: 0; w
浏览 1
提问于2012-06-17
得票数 0
1
回答
引导旋转木马下一步和prev按钮在引导模式中向上滚动背景页面
php
、
jquery
、
twitter-bootstrap
我在引导模型中使用引导旋转木马。当我单击的next和prev按钮时,每次都会向上滚动旋转木马背景页面。 背景页不应向上/向下滚动,同时单击旋转木马的next和prev按钮。我怎么才能修好它?
浏览 1
提问于2015-04-23
得票数 0
1
回答
在CSS Grid中,如果总空间超过父级的100%,为什么显式行不能呈现?
css
、
css-grid
使用CSS Grid,我试图创建一个(有时)比包含元素高度的100%更多的网格。如何才能做到这一点? 当创建3行同时使用100%的行时,显式网格显示得很好: 但是,如果前面的行占比超过100%,那么第三行就会突然消失,即使它是显式定义的: 请注意,没有滚动条进一步下降40% (140 - 100),这是我所期望的。 已更新问题 当显式定义从第一行到最后一行到至少一个子级的grid-row时,确实会显示溢出(和滚动条)。这很令人惊讶,因为我预计在没有这样的声明的情况下它也会溢出: 新CSS: html, body { height: 100%; } body {
浏览 180
提问于2018-06-27
得票数 6
2
回答
Div占用屏幕总空间
javascript
、
html
、
css
与其他页面一样,主目录总是占据用户看到的整个屏幕,当用户向下滚动时,他可以看到另一个目录:、 无论您是否调整屏幕大小,主div将始终占据用户看到的总空间。 为了测试它,我尝试下面的代码: <div style="background:yellow; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index:-1; float:left;"> This is my Section! </div> 有了他,我可以看到一个巨大的黄色背景,上面的文字占据了
浏览 0
提问于2016-04-18
得票数 0
1
回答
为什么这里的按钮不能采用父级的完整大小?
javascript
、
html
、
css
、
reactjs
、
material-ui
我想让Repos和stars按钮像github图标一样占据父级的整个高度。下面的代码不起作用。我还尝试为flatButtonStyle提供height:100%,但是整个Paper组件的高度增加了,占据了整个页面。如何解决这个问题? return <> <Grid container> <Paper> <Button style={flatButtonStyle}><GithubSVG /></Button>
浏览 14
提问于2018-12-20
得票数 0
回答已采纳
2
回答
CSS页脚分隔
html
、
css
、
position
、
margin
、
footer
我在我的页面上有一个固定的页脚,由文本组成,没有背景图像。我也有一个固定的背景图像,这是位于右下角。我在想,当我向下滚动页面时,我可以做些什么来防止我的内容与页脚和背景图像重叠。当我滚动时,有没有什么办法在它们之间放上填充?
浏览 3
提问于2013-02-20
得票数 1
1
回答
滚动元素,随着其他元素的增长,flex将其推开。
html
、
css
、
flexbox
我正在尝试创建一个具有以下布局的页面: +-------------------------------------------------------+ | | | nav | | | +-----------------------------------------------
浏览 0
提问于2018-11-18
得票数 0
回答已采纳
1
回答
当内容滚动经过视口时,CSS背景不可见
html
、
css
、
flexbox
、
background-color
、
tailwind-css
我正在尝试创建一个css背景,无论内容高度如何,它在任何时候都是100%高的,并且当内容足够长以创建滚动条时,背景颜色在您滚动时保持不变。 无论我尝试哪种最小高度和高度的组合,我似乎都不能让它正常工作。 当我使用Tailwind的h-screen类时,当内容小于视区时,它会填充到页面的底部,但当有滚动条时,背景会在滚动的部分消失。 我在parent div/body/html上尝试了h-full和min-height: 100%的各种组合,但似乎都不起作用。 下面是一个有效的示例: https://jsfiddle.net/t30wo6uk/3/ 以下是演示的两个问题的屏幕截图: h-scr
浏览 29
提问于2021-08-03
得票数 0
回答已采纳
3
回答
如何在可滚动容器中的图像上进行覆盖
html
、
css
我有一个不同大小的图像。此图像位于一个包含overflow: auto的容器中。我想在这张图片上放置一个网格--只要图片比容器小就行了。一旦容器有了滚动条,网格覆盖就会限制到容器的高度/宽度,并且不会覆盖图像。 请注意,fixed不是一个选项,因为这是一个简化的用例。我确实需要覆盖实际滚动与图像在一起。 (实际用例将有多个覆盖,但对于此演示,单个覆盖应足以演示该问题)。 缩放图像也不是一种选择。 可以选择将图像放在不同的标签中,但由于图像大小可能不同,我也不能使用固定大小的div将图像作为背景图像-至少我不知道如何使该div具有图像的实际大小。 我想如果<img>可以作为over
浏览 33
提问于2019-03-07
得票数 3
回答已采纳
2
回答
如何隐藏这些选项,以便使用滚动条来达到它们?
html
、
css
、
scrollbar
、
overflow
、
html-lists
问题是:我能做些什么来防止这种情况,并让其他选项像“在”div下一样,这样我就可以滚动到它们了? 这是css代码: aside { background-color: #E63946; height: 100%; width: 100%; grid-column: 1; grid-row: 2/5; display: grid; place-items: center; grid-template-rows: repeat(5,1fr); } 还尝试了添加overflow-y: scroll;,但没有起作用。是它的样子。
浏览 9
提问于2022-06-12
得票数 0
回答已采纳
1
回答
固定页眉和页脚,在1fr CSS网格区域内具有可滚动的侧边栏
css
、
css-grid
我有一个webapp的CSS网格布局,有一个固定大小的页眉和页脚(用rem单元定义)和一个可扩展的中心行(定义为1fr),其中包含两个侧边栏和一个中央内容区域。外部栅格容器定义了宽度和高度,以填充视口(100vw/vh)。我希望中间的一行占据页眉和页脚之间的所有空间,并使任何溢出的页面滚动,而不是扩大页面的高度。 我尝试了各种可能的解决方案,包括使用overflow-y:scroll,但似乎都不起作用。额外的内容使页面更长,而不是使区域可滚动。 我不想对中间行使用固定的大小,因为我希望它可以扩展以适应任意大的屏幕。 下面是我的布局的一个相当小的例子: (请注意,HTML和CSS中的嵌套区域是
浏览 2
提问于2017-10-13
得票数 1
3
回答
两个水平滚动条
javascript
、
css
、
asp.net-mvc
、
html
、
codepen
当我从代码笔嵌入日历小部件时,我的网站中有两个滚动条 两滚动条 一个滚动条移动主体,另一个像使用asp.net mvc5那样移动整个页面,所以我从共享布局中调用了页眉、页脚和侧栏。使用 overflow-y: hidden; 只需隐藏主页的滚动条。 在这里,您可以看到单个滚动条的图像,它只是移动内部体。 单涡旋 如何移除移动内体的滚动条?
浏览 0
提问于2018-07-31
得票数 0
回答已采纳
1
回答
以图像精灵作为CSS背景图像的响应网格
html
、
css
、
css-sprites
哇,这比我预想的要难! 我们试图使用图像精灵作为CSS背景图像在一个响应网站在一个网格。 请。 因此,从本质上说,当调整大小时,需要调整雪碧的背景图像大小,以适应父容器(<span>)。 我已经将背景图像转换为data:image,认为这将是第一步(虽然我不确定),现在还不太确定如何才能使雪碧的背景图像响应。 到目前为止,我尝试过的一切都会在网格中的每个容器中显示完整的sprite映像。
浏览 2
提问于2014-12-09
得票数 1
回答已采纳
2
回答
背景-图像/背景尺寸-没有基于px的宽度
html
、
css
我一直存在的问题是,如果拍摄背景图像,除非给出一个固定的宽度,否则我无法看到这个图像: <div class="picture"> </div> .picture { background-image: url('img/start_bigpic.jpg'); background-size: 100%; } 这不管用。即使我更新它像这样,图像也不会显示。 .picture { background-image: url('img/start_bigpic.jpg'); background-size: 100%; wi
浏览 3
提问于2013-11-10
得票数 1
1
回答
材料弹性布局-当它是小屏幕时,一个网格与另一个网格重叠。
angular
、
css
、
flexbox
、
angular-material
创建了。 当它在桌面和全屏上时,输出很好,但是当浏览器窗口的大小很小时,一个网格就会与另一个网格重叠。 我希望网格的高度是100%,这样我就可以把我的内容放进去,当屏幕很小的时候,一个网格应该占据整个屏幕,也就是说,不超过整个屏幕的高度减去顶部的肚脐。 不确定,但可能是因为下面的css代码。但是如果我删除这些css代码,我就不会获得全屏网格。这意味着它看起来像下面 CSS: .mat-drawer-content { position: absolute !important; } .mat-grid-list { height: 100%; } .mat-grid-lis
浏览 0
提问于2018-11-20
得票数 2
回答已采纳
1
回答
如何停止正文内容在页脚和页脚以下显示
jquery
、
html
、
css
、
autocomplete
、
overflow
我使用的是自动补全文本框,这里基于动态值超过滚动条,如果超过动态值,则滚动条显示在文本框中,滚动条自动超过在页脚页和两个滚动条中显示。如果在文本框滚动条中显示的值不应该超过页脚内容,只在正文容器中显示,也不会显示两个滚动条,所以请帮助我解决这个问题。 css代码: .ui-autocomplete { max-height: 28%; overflow-y: auto; } 自动编译代码:区域数据类型为数组,包含多个值 autocomplete({ autoFocus : true, source : areas, selectFirst : true,
浏览 0
提问于2014-06-21
得票数 4
1
回答
使用css网格的网格内滚动条
html
、
css
、
css-grid
我有一个html页面,我不想在主体范围内滚动,但是,当使用嵌套的css网格时,即使当嵌套网格中的内容溢出时,我也无法控制它的滚动条,即使它具有滚动溢出的属性。下面我提供的代码片段有一个包含网格的容器,它包含一个称为工作区的网格区域,其中包含一个也是css网格的组件。组件的内容强制整个主体滚动,而我只想让内容滚动。我试着把高度调到100%和100 no,但没有这样的运气。 body, html { margin: 0px; } .container { background-color: #282828; color: whitesmoke; display: g
浏览 1
提问于2020-01-05
得票数 1
回答已采纳
2
回答
仅将滚动添加到内容,而不是标题
html
、
css
、
flexbox
、
overflow
我基本上有非常标准的两列布局: <div id="app"> <div class="left"> <div class="first"> <div class="header">Dynamic Items</div> <div class="scrollable"> <div id="items"> <div class="ite
浏览 0
提问于2019-01-18
得票数 3
2
回答
是否可以使用web浏览器滚动来显示web浏览器视区外的CSS固定位置项目?
html
、
css
、
layout
、
scrollbar
我正在尝试创建一个CSS布局,页面看起来就像在森林的中间。有一个带有背景树的左右div,一些页眉div显示了页面顶部的各种野生动物,还有一些页脚div显示了底部更多的野生动物,这些野生动物与左右div背景图片相匹配,所有这些都是在CSS中使用"position: fixed“定位的。 然后在中间有正常定位和可滚动的内容。这一切都很好。 我遇到的问题是背景林布局固定为1204x768,但当然有些web浏览器窗口可能没有那么大。不幸的是,虽然内容将按预期滚动,但如果固定位置元素超出浏览器窗口的大小,它们将永远不会显示。显然是不能接受的。 我尝试在样式表中的.body和.html元素上设置o
浏览 0
提问于2009-02-25
得票数 0
回答已采纳
1
回答
ScrollView中的网格高度问题
c#
、
xamarin
、
grid
、
scrollview
我有一个网格,在一个ScrollView中 行的高度为Auto,因为根据内部文本的不同,行可以具有更大的高度。 用户可以随心所欲地添加行,但我想在网格中保留一些文本,所以我将网格放在滚动视图中,这样,网格在屏幕上只占相同的大小,用户可以滚动各行。 我的问题是,由于我的网格没有固定的高度(例如,我不希望它固定在10000,例如,如果只有2行),它只是取scollview的高度,如果没有足够的空间,我的行会被截断,而不是取它们所需的大小,放大滚动视图。 编辑:第一张图片,网格高度固定为2000,滚动视图效果很好,但行下有空白(黄色背景是滚动视图的背景颜色) 第二张图片,我删除了网格高度,
浏览 15
提问于2021-06-02
得票数 0
回答已采纳
2
回答
图像上的内容滚动
html
、
css
、
css-position
因此,我有一个图像,不是设置为背景,而是占据整个宽度和几乎所有的高度。我希望这个图像保持在它的位置,并在用户滚动时,下面的内容滚动到图像的顶部。 我试着用: position: fixed; z-index: -1; /* Or another value */ 但无论是在一起还是在一起都没有用。 没有位置或z索引应用的内容: ,我希望div容器出现在图像下面,并且只在用户滚动.时重叠图像。
浏览 4
提问于2016-06-01
得票数 0
回答已采纳
2
回答
HTML布局滚动Div
layout
、
html
、
scroll
这就是我所指的页面: 我在页面中间有一个浮动的div,它是我的“content”div。在这里面我有3个div,我的“内容框”,并排,每个占33%的空间。 当您从第一个内容框中进行搜索时,它会返回一些结果,并且第二个内容框变得可见。从那里,当你点击一个单词时,第三个内容框就会显示一些更多的信息。 我的问题是,当页面缩小,或者一个单词有很多信息时,第二个和第三个框有时会溢出主内容框。我已经看过CSS的overflow属性,但我似乎不能按照我想要的方式来获得它。它不应该在主内容框上溢出。 在主内容框上将overflow设置为auto时会发生什么:滚动条显示并滚动整个内容区域。 我希望发生的事情:在
浏览 0
提问于2012-06-05
得票数 0
回答已采纳
1
回答
为什么当我的页面需要一个垂直滚动条时,背景会在第一页之后停止?
jquery
、
html
、
css
、
background-image
我尝试使用jquery来淡出我身体的背景。发现这是不可能的(对吧?)我把背景图像移到一个div上,这样我就可以把它淡出。 <body> <div id="background"> </div> ... 辛德,我不想我的内容褪色,我把它分开(不包含),并拍打“位置:绝对的”。当我的页面没有垂直滚动时,它可以正常工作。这是“背景”div上的CSS: #background { position:absolute; height:100%; width:100%; background-image:url('bin/achterg
浏览 2
提问于2011-02-01
得票数 1
回答已采纳
1
回答
Kendo TabStrip内的Kendo网格有无限高
javascript
、
html
、
kendo-ui
、
kendo-grid
、
kendo-tabstrip
我有一个Kendo网格,它放置在一个页面上,它跨越整个可见页面(宽度和高度)。如果行太多,网格将显示一个滚动条。 但是,当我将网格放置在Kendo TabStrip (高度为100%)中时,网格的高度变得无限,没有显示滚动,页面外的行不可见(不能滚动到)。 如何将网格限制在制表符的高度?
浏览 0
提问于2015-06-24
得票数 0
回答已采纳
2
回答
背景图像和div定位?
css
、
html
、
position
、
positioning
、
background-image
我的结构如下: <div id="wrap"> <div id="container"> <div id="header"> </div> <!--close header--> <div id="main"> … etc 我试图显示一个背景图像,它将显示图像的全部高度,但不强制页面滚动,但它将与页面内容一起滚动。 我在#容器div的开始标记之后放置了一个#bgimage,并尝试了以下CSS: position
浏览 2
提问于2011-10-08
得票数 0
1
回答
摆脱带有粘性页脚的垂直滚动条
html
、
css
、
web-applications
我目前正在开发一个web应用程序,它要求页脚在底部。我可以把页脚移到底部,但在我的屏幕上,我必须向下滚动才能看到页脚,尽管内容并没有占据整个页面。 我有以下用于粘性页脚的CSS代码: html, body { height: 100%; width: 100%; } #container { overflow: none; width: 80%; min-height: 100%; margin: 0 auto -2em; /* Height of footer */ } .push { height: 2em; } .primary-footer {
浏览 2
提问于2015-03-11
得票数 0
1
回答
CSS使用overflow-y自动在转换的父项中定位固定的子项,滚动父项时子项移动
css
、
scroll
、
position
、
transform
、
fixed
我尝试使用一个伪after元素在div的末尾创建一个渐变,以表明它是可滚动的。在div上使用transform: translateZ(0);允许psuedo元素使用position: fixed;粘贴到该元素的底部。但是,一旦开始滚动,伪元素就会随着div的内容一起向上滚动。有没有可能让这个元素在滚动时粘在这个div的底部(除了使用position: sticky;之外,出于对浏览器支持的原因,我避免使用它)? 下面是我现在得到的一些东西: 谢谢!
浏览 7
提问于2018-11-08
得票数 0
1
回答
如何在没有滚动条和空白区域的情况下在中心显示表单
html
、
css
、
forms
、
alignment
我正在使用这个CSS在屏幕中央显示表单。 .Absolute-Center { width: 40%; height: 50%; overflow: auto; margin: auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; } 不同的形式具有不同数量的元素。例如,登录表单有4个元素,忘记密码表单有2个元素,表单-3有12个元素。 对我来说,登录表单是完美的显示。在底部显示一些空白区域的PassWord表单。以及显示滚动条以查看底部元素的表单3。 我不想在任何形式的空白区
浏览 1
提问于2014-11-12
得票数 2
3
回答
为整个页面内容提供一个不可滚动的背景图像。
html
、
css
我需要在所有页面内容的背景中只有一个图像(01.jpg),这个图像不应该是可滚动的,而所有的内容都应该可以在背景上滚动。 这是我的尝试,但有些地方不对劲,不起作用。向下滚动白色区域显示为背景(00.jpg),可能是因为wrap div高于身体。 这里的最佳做法是什么? <body> <div id="wrap"> ... </div> </body> css html{ background-image:url(backs/00.jpg); height:100%; } body{ max-width:1
浏览 8
提问于2015-12-07
得票数 1
回答已采纳
3
回答
Bootstrap 3- jumbotron背景图像效果
html
、
css
、
twitter-bootstrap-3
、
webpage
嗨,我正在尝试建立一个带有背景图像的巨型加速器的网站,这本身并不难: HTML: <div class="jumbotron"> ... </div> CSS:(它位于我的自定义css文件中,并在整个css中加载)。 .jumbotron { margin-bottom: 0px; background-image: url(../img/jumbotronbackground.jpg); background-position: 0% 25%; background-size: cover; background
浏览 1
提问于2014-01-04
得票数 54
回答已采纳
1
回答
在单击scrollTo函数之前,如何获得一个div来占据整个屏幕?
javascript
、
jquery
、
html
、
css
例如,在这个家伙的网站()中,不管你放大多少窗口,包含他的名字和背景的div占据了整个屏幕,直到你向下滚动或者点击'read‘链接,它有一个scrollTo功能。有人能给我解释一下吗?
浏览 3
提问于2017-08-29
得票数 0
回答已采纳
1
回答
如何在手机浏览器上定义特定的滚动区域?
javascript
、
html
、
css
、
antd
我正在写一个移动使用antd-mobile的单页应用程序, 在页面的底部有一个标签栏,你可以看到的项目列表的背景是灰色的,问题是当我向下滚动到底部时,标签栏覆盖了的内容。 如何使列表区域成为滚动区域而不是整个页面?
浏览 1
提问于2017-08-09
得票数 0
1
回答
TextInput不会在焦点上滚动(反应本地的)
react-native
我有一个TextInput,它是多行的,可以超过屏幕的整个高度。它占据了整个屏幕。每当有文字占据整个屏幕,我就不能向下滚动或向上滚动。每当我点击向下滚动或向上滚动,它集中在我点击的文本输入。 ScrollView的向上或向下滚动功能不再起作用。 当TextInput占据整个屏幕时,我如何保持滚动功能? 这是我的密码: <KeyboardAvoidingView style={styles.screen} behavior={Platform.OS === "ios" ? "padding" : "height"} >
浏览 2
提问于2022-03-29
得票数 0
2
回答
滚动视图不垂直滚动
ios
、
xcode
、
uiscrollview
、
autolayout
我有一个滚动视图,它根本不滚动: scroll_view_content_a_job.contentSize.height = 1800 scroll_view_content_a_job.isScrollEnabled = true
浏览 0
提问于2017-03-09
得票数 5
回答已采纳
3
回答
Material-ui网格项目高度超过其容器的高度
css
、
reactjs
、
material-ui
我有一个包含2个网格项目的网格容器。我已经将容器的高度和第二个网格项目设置为100%。第二个网格项的高度超过了容器的高度,并出现滚动。 如果有帮助,下面是代码。 function App() { return ( <Grid container style={{height: '100%'}}> <Grid item xs={12} style={{border: 'solid 1px'}}> Header </Grid> <Grid item xs={1
浏览 0
提问于2019-04-24
得票数 3
回答已采纳
1
回答
创建div,该div有一个大行,然后在大行旁边有3行
css
、
vb.net
、
html
我正在创建一个网站,我想使用流体网格。我不需要花费太多时间,但是当我尝试创建一个div行,它的主图像占据页面的一定百分比,然后三个div占据与它旁边的一个div相同的高度时,我就遇到了问题。当我反其道而行之时,我也遇到了问题,因为我有一个div,它在左边有两个部分,然后在右边有一个很大的部分组成了这两个部分。我知道如何做有两行或三行的div,但是把行放在它旁边会给我带来麻烦。感谢您的任何建议!
浏览 3
提问于2013-11-23
得票数 0
2
回答
响应图像网格,占用全部剩余的视口空间,水平和垂直方向
html
、
css
、
image
、
grid
、
responsive-design
我对响应性设计不太熟悉,我似乎无法为所需的目标找到解决方案。下面是我想要的布局的模拟: 现在,我们的目标是有图像,没有间隙,适合于图像网格容器。这个容器应该占据完整的剩余空间,在浏览器视图端口的最右边和底部,但是它不会超过它,所以我们没有任何滚动条。所有的图像都是相同尺寸的。 行列分布将取决于视口大小和图像尺寸,以防止不必要的扭曲。当视口大小达到特定的断点时,这一比率会发生变化,但是在中间的断点,图像将通过比例缩放来微调。 突破点管理与媒体查询和网站必须是移动友好的,也。我不能用“vh”来解决这件事。 我主要是寻找最轻的实现,所以纯粹的CSS解决方案将是理想的。我听说过砌体JS库和派
浏览 3
提问于2013-09-25
得票数 1
2
回答
100%窗口高度x 100%父级宽度
css
、
scroll
、
height
、
width
我想创建一个HTML页面,其中: 水平中心 具有整个窗口高度的白色背景 包含固定的标题和可滚动的内容。 我有两个问题与{宽度: 100%}和{高度: 100%}有关。 我的标题是页面宽度的100%,当我期望它是它的父宽度的100%时。背景显示在窗口高度的100%,但它随后滚动与内容。 对于理解CSS在这两种情况下如何处理100%的值,我将不胜感激。我不是在要求解决办法:我已经有办法了。我要求了解CSS的思维方式。 事先非常感谢, 詹姆斯 下面是最基本的HTML: <!DOCTYPE html> <head> <title>Width &
浏览 8
提问于2013-01-18
得票数 0
1
回答
CSS:滚动时背景图像不填充- redux
css
、
xhtml
、
background-image
我正在寻求帮助,试图解决我的背景图像填充问题。我想要一个粘性的页脚,但现在如果我在一个较小的窗口中查看我的网站,然后向下滚动,我的背景图像就会消失。我知道这是因为我的高度设置是100%,这使得我的图像基于初始视口大小,但我似乎不能实现任何类型的修复。 这是我正在工作的网站(仍在开发中):。 这个问题最好在一个小窗口中查看这个页面:。 我在不同的网站上读了很多很多的帖子试图弄清楚这个问题(包括这个:),但我没有任何运气。我尝试在css中设置我能想到的所有不同的背景属性,包括一些较新的属性。然后我尝试了overflow属性,但它只是隐藏了我的所有文本,或者创建了一个奇怪的滚动条,使我的文本在标题上
浏览 14
提问于2011-12-05
得票数 0
回答已采纳
2
回答
将背景锁定在模态后面
jquery
、
css
我在创造一个简单的模式。当显示模态时,我希望模态显示在页面的顶部,而背景被锁定,所以只有模态卷轴。 在模态显示中,我将背景设置为position:fixed,但它在修复之前将其滚动到顶部。 另外,如果在单击以显示模态之前将页面向下滚动一半,则打开该模式时也会向下滚动。 我想要做的是:,无论用户在哪里,点击打开模式并锁定后台。那就只有滚动模式。然后关闭模式,所有返回到原来的地方。 这个是可能的吗? 这就是我正在尝试的css: .modBG { /* background */ position:fixed; top:0; bottom:0; left:0; right:0; backgroun
浏览 0
提问于2014-03-07
得票数 0
回答已采纳
4
回答
Chrome用css-网格和溢出重置滚动位置:auto
css
、
google-chrome
、
overflow
、
grid-layout
我正在处理一个页面,其中页脚元素被“粘贴”到页面底部(为了兼容性使用好的旧position: fixed ),直到用户滚动到足够低的程度,使其成为position: static。 然而,当fixed变成static时,chrome将父div滚动回顶部。 我用了一个代码来说明。 拖曳它足够小,使滚动条出现; 向下滚动; 当紫色条变宽(position: fixed)时,你会注意到Chrome会自动将#content div (带有overflow: auto)卷动回顶部。 我已经将笔简化为只包含网格布局,以及#content div上的#content。看来Chrome不
浏览 0
提问于2018-01-30
得票数 2
1
回答
如何隐藏滚动条
html
、
css
我试图将一个元素的overflow-y设置为auto,同时将高度设置为100%,从我从其他帖子中收集到的解决方案中,可以将overflow-y设置为隐藏。但是,这会在不需要的地方创建一个滚动条。 本质上,我试图实现的是让一个元素成为: overflow-y: auto; height: 100%; 因为auto属性允许在实际需要时隐藏滚动条。 提前感谢,PS:在此之前,我确实在stackoverflow周围寻找过,但没有找到这样具体的帖子。
浏览 4
提问于2014-09-24
得票数 1
1
回答
列表视图/列表框滚动停止工作
listview
、
windows-phone-8
、
listbox
、
windows-phone-8.1
、
stackpanel
我需要这样的布局。 <Page>... <Grid> <Grid..definitions/> <StackPanel> ...HeaderScreen Layout here <StackPanel> <ListView> (or Listbox) ... My listItemTemplate here... </ListView> (or /Listbox) </G
浏览 5
提问于2015-04-10
得票数 0
回答已采纳
3
回答
CSS网格布局间隙框大小调整
css
、
grid
我有一个CSS grid,它占据了窗口的100%宽和100%高( body元素有display: grid;)。网格具有行和列模板以及元素,这些模板和元素占据了它们分配的空间的100%。但是,当我向网格添加grid-gap时,它会使网格对窗口来说太大,从而迫使滚动条出现。我如何才能阻止grid-gap添加到网格的尺寸中-类似于box-sizing: border-box;停止向元素的尺寸添加填充?相反,我希望间距缩小网格的单元格。 谢谢。
浏览 2
提问于2017-04-28
得票数 24
回答已采纳
1
回答
div HTML5中的单页滚动
javascript
、
jquery
、
html
、
jquery-scrollify
、
onepage-scroll
我在这个网站(HTML5,CSS3和JS)上工作,它有2个div (页眉和页脚),其中有CSS position: fixed,并有一个中心div,其中有position:absolute和包含的内容。 我想做的是在这个中心div中实现滚动捕捉,它有绝对的定位。但由于某种原因,我无法做到这一点。这是我尝试使用的jquery插件: 你们能帮帮我吗? 这是一个带有设置的JSFiddle:
浏览 13
提问于2017-01-26
得票数 0
2
回答
更改滚动行为,允许在较小屏幕上查看固定元素
html
、
css
、
twitter-bootstrap
我的页面中有一个固定的div,因为您知道,如果div的高度高于浏览器的视口,您就不能滚动一个div,因为它是滚动的背景,而不是div (固定位置)。 所以让我们说: <div class="fixed"> </div> .fixed { position: fixed; border: 1px solid #000; width: 200px; background-color: green; } 您可以在这里检查,如果您降低预览页面的高度,您可以看到您不能滚动div。 引导模式修复了这个问题,但我不太明白他们是如何做
浏览 2
提问于2015-02-09
得票数 1
1
回答
使jqGrid填充父级而不丢失其水平滚动条?
jqgrid
、
scrollbar
如何才能让我的(第一个) jqGrid填充它的父容器,而不让把它放得太远而失去它的水平滚动条?(滚动条是由scroll: 1选项创建的滚动条,例如“虚拟滚动”。)它似乎使用我给它的高度,而不考虑滚动条,所以滚动条最终超过了我想要保持的区域的底部。我已经看到了这些关于调整网格大小的 (以及它们的答案),但是虽然它们很有用(它们让我了解到了这么多),但它们没有解决滚动条问题。 页面的布局看起来是这样的(它不是我的,我可能可以更改它,但最好能避免这种情况--除了我可以用gridWrapper做任何我想做的事情): HTML: <body> <div id="pageH
浏览 3
提问于2012-04-12
得票数 1
回答已采纳
1
回答
带数据的ListView背景滚动
java
、
android
、
listview
、
background
有没有可能在整个ListView上做一个背景拉伸,而不是仅仅停留在一个固定的位置? 我记得在CSS中制作网站时,你可以使背景附件固定为背景,使其在滚动时保持不变,我正在尝试存档与此相反的内容,当你向下滚动时,使背景跟随数据。对ListView来说有这样的东西吗?
浏览 3
提问于2011-11-26
得票数 4
回答已采纳
1
回答
滚动到视图元素隐藏在标题后面
javascript
、
html
、
reactjs
、
scroll
、
scrollview
我是一个反应应用程序,在点击下面的一个项目,选择框,相应的项目在下一节将被滚动。 上述场景的工作示例: 点击第二项,其各自的字段集将被滚动到顶部。 发行: ->现在的要求是,我需要添加一个标题,在标题下面,这两个部分都需要显示。 ->我在容器div中添加了style={{ marginTop: "100px" }}, <div id="container" style={{ marginTop: "100px" }}> <div className="_2iA8p44d0WZ">
浏览 0
提问于2021-01-19
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
这些WEB前端CSS实用技巧,有多少是你不知道的
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
第一部分:前端项目的常见CSS问题
《小白HTML5成长之路31》半透明背景的自定义弹窗是怎么用CSS布局的
WEB开发技术基础知识整理——CSS
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券