腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
是否
在
滚动
div
的
边缘
淡入
子
flexbox
元素
?
、
、
、
、
我有一个包含
子
div
的
flexbox
容器: .flex-l, .flex-c { align-items: center; </
div
> </
div
> 我想像这样给selector-bar容器添加一个
淡入
淡出
的<
浏览 6
提问于2019-03-30
得票数 0
3
回答
当父
元素
没有到达父
元素
的
边缘
时,
Flexbox
子
元素
会扩展父
元素
、
、
我正在用
flexbox
做一个聊天泡泡,容器中有三个
子
元素
(avatar、content、meta)。 avatar、content
元素
共享同一行,meta
元素
拥有一行。 这是密码。当
元素
的
文本没有到达容器
的
边缘
时,
是否
有可能阻止容器扩展?he
浏览 0
提问于2018-01-17
得票数 3
2
回答
JQuery
淡入
淡出-当用户
滚动
到
div
时
在
div
中
、
当用户向下
滚动
到某个<
div
class="">时,
元素
div
将
淡入
。 我找到了一个使用jQuery插件
的
解决方案,以及另一个用来检查
div
在
页面上
是否
可见
的
解决方案。它起作用了。然而,一旦用户
滚动
到
div
的
顶部,它就会很快
淡入
,所以用户无法看到
div
淡入
。只有当用户
滚动
浏览 2
提问于2011-03-20
得票数 11
回答已采纳
1
回答
在
Flexbox
中,右边没有溢出
滚动
项
的
空间。
、
、
我有一个场景,其中
Flexbox
中
的
子
元素
应该是nowrap,如果子项超过了允许
的
最大空间,则水平
滚动
。正如您在上面的链接中所看到
的
,右侧
的
空间被消除了。提前感谢!
浏览 0
提问于2018-12-12
得票数 0
回答已采纳
1
回答
如何创建此布局?孩子比父母/填充物/柔软盒还宽?
、
、
我肯定这很简单,但我很难把我
的
头挪开。 我增加了一个最大宽度为500 max
的
包装
div
(粉红色),并在左手边使用了额外
的
填充。这在某
浏览 1
提问于2018-11-23
得票数 0
回答已采纳
1
回答
停止位置:导致祖先水平
滚动
的
绝对
元素
、
、
当
子
体位于屏幕
边缘
之外时,如何防止
元素
水平
滚动
?我在窗口
的
右侧有一个,当句柄位于
边缘
时,它会导致容器
元素
滚动
相关html: <
div
id="header">Header</
div
><
div
class="flex_s
浏览 1
提问于2016-03-11
得票数 0
3
回答
CSS
flexbox
模块
是否
仅适用于直接
子
元素
?
、
我现在正在为这个网站编码一个响应式
的
设计,并面临一个挑战。想象一下
在
一个狭窄
的
智能手机视窗上
的
那个页面。经典
的
策略是简单地将右侧列“堆叠”
在
左侧列
的
下方,并让用户垂直
滚动
。然而,就
元素
的
排序而言,这远远不是理想
的
。“物种”区块将位于照片下方,用户首先必须
滚动
查看评论等内容,然后才能看到照片和物种之间
的
关系。<
div
id="con
浏览 2
提问于2013-01-04
得票数 20
回答已采纳
1
回答
web组件可以有柔性盒子程序吗?
、
、
、
、
CSS
Flexbox
布局充当
元素
之间
的
父-
子
关系。父
元素
设置为display: flex,其
子
元素
成为flex
子
元素
。我正在寻找一个明确
的
答案,如果web组件(或自定义
元素
)被设置为flex父
元素
,那么应该发生什么。如果有的话,自定义
元素
的
flex
子
元素
是什么?答案
是否
根据
是否</e
浏览 6
提问于2022-03-04
得票数 0
2
回答
仅垂直
滚动
表
、
、
我
在
div
中包括了我
的
桌子,以便有overflow: scroll。但是,它也
在
水平上插入
滚动
。我只想要垂直
滚动
条。 </table> </
div
>
浏览 0
提问于2018-07-26
得票数 0
回答已采纳
1
回答
在
Chrome中调整
flexbox
大小时避免
滚动
条?
、
、
、
考虑下面三个嵌套
的
div
。有一个
flexbox
包含一个带有flex: 1
的
子
节点,而后者又包含一个带有height: 100%
的
子
节点。 <
div
class="body">
浏览 0
提问于2018-12-04
得票数 0
1
回答
如何在
flexbox
容器具有指定高度时
滚动
嵌套
的
flexbox
子项
、
、
我正在尝试创建嵌套
的
Flexbox
子
div
(child211),以便在没有可用
的
空间时显示
滚动
。
Flexbox
容器具有预定义
的
高度。child211
的
Flexbox
父child2有overflow: hidden。我不想
滚动
整个child2。顺便说一下:我只展示了基本
的
结构,因为
在
我
的
真实场景中,到最后一个
div
的</
浏览 5
提问于2019-04-02
得票数 0
1
回答
到达目标节时淡出vue.js中
的
分区/节
、
、
、
使用jQuery,这总是很容易做到
的
,但我想知道如何使用Vue.js来完成。我
在
页面上有一个粘性
元素
,当它到达scroll上
的
某个
div
id或class时,我想要淡出它,而当
滚动
回到它上面时,它又会
淡入
。我有一个单击事件
滚动
,当前
在
元素
上按预期工作,但被卡在
滚动
位置
淡入
/淡出。
div
class=“折叠”是页面底部
的
固定
元素<
浏览 25
提问于2020-01-24
得票数 2
回答已采纳
2
回答
元素
边框上
的
html鼠标悬停事件
、
我想知道
是否
有可能将mouseover事件绑定到一个HTML
元素
边框,比如
div
的
左边框。我想要一个非常明显
的
方法来指示容器可以被选中,就像当他将鼠标移到左边<
浏览 0
提问于2012-06-06
得票数 3
回答已采纳
1
回答
相对位置溢出
的
挠性容器
的
全宽度
、
、
、
我试图通过设置一个absolute定位子
元素
( left和right都设置为0 )来实现跨水平溢出
的
flex容器
的
一条线,这也意味着容器必须有一个relative位置才能包含绝对定位
元素
。这就是麻烦开始
的
地方。<
div
> <
div</e
浏览 0
提问于2017-09-03
得票数 0
1
回答
基础XY网格
、
、
、
、
我有一个XY网格,里面是一个偏移画布,但在XY网格
的
主体中。我想要偏移画布位置左,以采取可用空间
的
全部高度,但它不是这样做
的
。它根据画布内容
的
高度来包裹画布
的
高度。所以画布
的
高度只会随着画布
的
内容高度而增加。当我将画布外包装器
的
高度设置为100%时,
滚动
会变得混乱。我还附上了codepen
的
链接来检查这个问题。<
div
class="grid-y grid-frame"&g
浏览 16
提问于2018-08-17
得票数 0
2
回答
如何根据屏幕高度减去绝对定位
元素
的
高度来设置
div
高度?
我有一个高度为100vh
的
面板,所以100%
的
屏幕(但由于某种原因,高度: 100%不工作)。 此面板必须显示一个包含其自身内容和页脚
的
div
。页脚通常显示
在
该面板下,但在首页它必须在它里面,所以我必须禁用正常
的
页脚,并在面板内调用它。因此,它必须具有position: absolute和bottom: 0。现在
的
问题是,页脚采用了自己
的
高度(
在
调整窗口宽度时会有一些变化),而面板中
的
另一个
div
必
浏览 6
提问于2018-01-25
得票数 0
1
回答
在
ScrollTrigger GSAP水平
滚动
中动画化子
元素
、
、
、
、
用于引用
的
.animate类已添加到svg中
的
所有文本项中。 let container = document.querySelector("
浏览 36
提问于2022-01-31
得票数 4
回答已采纳
2
回答
使柔性箱容器覆盖内容高度?
、
、
、
、
我正在尝试使用
Flexbox
来获得一个布局,在上面有一个条形图,并为页面的其余部分提供内容。测试用例位于: 有趣
的
是,Google已经按照我想要
的
方式运行了;当视口垂直大小太小时(所有浏览器似乎都在水平上做我想做
的
事情),content
div
中
的
内容就会溢出
div
,而Chrome会显示内容
的
垂直
滚动
条但是,
在
边缘
和火狐中,当视图端口
的
大小垂直地太小时,content
d
浏览 1
提问于2018-11-24
得票数 1
2
回答
将
元素
的
精确位置与
Flexbox
对齐
、
、
我
在
将一个
元素
与
flexbox
对齐时遇到了问题。我知道如何将
元素
居中、右或左对齐。但是我想要做
的
是使一个
元素
离右边框只有30%
的
距离。如何使用
flexbox
控制
元素
和容器
边缘
之间
的
精确距离?类似于带bootstrap
的
偏移量? 我见过一些技巧,其中所有
元素
都对齐到be flex start,最后一个
元素
具有边距-left:auto。但这只会让它向
浏览 26
提问于2021-09-01
得票数 0
1
回答
将
flexbox
容器缩小到内容大小
、
、
如果使用
Flexbox
布局
在
一行中对某些项目进行布局,则
Flexbox
容器将占据其所在容器
的
全宽。如何将
Flexbox
容器设置为只占用其
子
元素
的
宽度?看一下下面的例子:
在
本例中,
flexbox
容器
的
大小超出了
子
元素
的
宽度。解决这类问题
的
典型方法是display: inline,但显然这是行不通
的
,因为那样它
浏览 3
提问于2017-07-12
得票数 11
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
jQuery的15个常用小技巧
移动端原生H5开发心得和干货
CSS杂谈
如何更好在Web上的设计表单模式?
CSS3热身实战-过渡与动画
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券