腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
如何
定位
:
修复
了
使用
flexbox
时
的
导航
栏
css
、
flexbox
RebelOne/pen/wodbpR .navbar { justify-content: space-between; 当我将position: fill添加到
导航
栏
时
,它会向下折叠,并且不会填满包装器
的
宽度。
浏览 40
提问于2016-11-24
得票数 10
回答已采纳
2
回答
在滚动到某一位置后将
导航
设置为固定
javascript
、
jquery
、
css
、
flexbox
、
bulma
我正在设计一个登陆页面,
使用
基于
Flexbox
的
CSS框架- 。$(window).scroll(function () { if ($(window).scrollTop() > $('#cover').,当
导航
栏
被
浏览 5
提问于2017-10-25
得票数 0
回答已采纳
1
回答
网站
的
主要部分是通过固定
导航
栏
吗?
css-position
、
navbar
我有一个
导航
栏
在我
的
网站顶部,它
的
固
定位
置。然而,每当你在页面上向下滚动
时
,所有内容都会在
导航
栏
上而不是在
导航
栏
下……我怎么才能
修复
它呢?我假设展示我
的
代码不会有什么帮助,因为如果你知道
如何
修复
它,你可能只需要解释,但如果你想看我
的
代码,只要问我。谢谢。
浏览 1
提问于2012-08-24
得票数 0
回答已采纳
1
回答
从绝对到固定元件
的
柔性箱布局
css
、
reactjs
、
react-native
、
flexbox
当父元素是position:absolute;
时
,
如何
使元素从
flexbox
转到
flexbox
? 让我进一步解释:我有一个非常基本
的
布局100%
flexbox
为基础。布局只是一个左边
的
侧边
栏
和一个内容区域。在内容区域中,有一个从顶部开始
的
400px标题,它是绝对
定位
的
(为了覆盖英雄部分),所需
的
UX是在它触及屏幕顶部后使这个标题变得粘稠。当然,我不知道滚动条
的
大
浏览 5
提问于2017-05-08
得票数 3
3
回答
使用
twitter引导程序创建粘性
导航
条?
jquery
、
css
、
twitter-bootstrap
我试图引进一个肚脐,当不再在视线中,然后采用固定
的
标题
定位
。我首先
使用
了以下线程:。当
导航
栏
处于初始位置
时
,锚链接就会超调其目标(在其中隐藏目标航向),而不是固定一次。我可以
修复
超调(我指的是),但是当
导航
条被
修复
时
,我最终会
使用
链接产生过大
的
间隙。有没有人建议
如何
获得一致
的
结果,而不管肚脐是否固
浏览 4
提问于2012-08-24
得票数 5
1
回答
Bootstrap :在滚动条上添加/删除固
定位
置
jquery
、
twitter-bootstrap
、
css
我试图将
导航
条固定在顶部,在滚动条上将固定顶部位置添加到0-default,并将
导航
栏
放回相同
的
位置,同时向上滚动(顶部300)。下面是我
的
代码$(window).scroll(function() { var scrollheight,left:'0px',right:'0px','z-index':'9
浏览 1
提问于2019-01-21
得票数 0
2
回答
由于
定位
导航
栏
,引导模式变得黑屏
html
、
css
、
twitter-bootstrap
、
positioning
当我
的
Bootstrap模式显示
时
,它看起来就像是在黑色背景后面。单击屏幕上
的
任何位置都会导致模式消失。这个问题似乎是由我
的
导航
栏
定位
引起
的
-删除position: absolute;或position: relative;可以
修复
它。不幸
的
是,因为我需要在
导航
栏
上
使用
z-index,所以我不能去掉
定位
。 为什么
导航
栏<
浏览 0
提问于2013-01-04
得票数 12
回答已采纳
1
回答
JPanels将出现在我创建
的
每个图形用户界面上
java
、
swing
、
layout
、
jpanel
如何
让大型机中
的
JPanels出现在我创建
的
所有其他GUI上?我是否必须再次在大型机中制作相同
的
JPanels,还是有其他方法使其成为一个固定
的
布局,以便我只能编辑内容部分?
浏览 2
提问于2013-12-01
得票数 0
回答已采纳
1
回答
当iframe处于全屏模式
时
,
如何
隐藏
导航
栏
?
css
、
iframe
、
nav
我在屏幕顶部设置
了
一个固
定位
置
的
导航
栏
,z索引为1。当我单击iframe进入全屏模式
时
,
导航
栏
仍然位于iframe
的
顶部。当我将
导航
栏
置于全屏模式
时
,
如何
隐藏
导航
栏
或将iframe移到最前面?
浏览 70
提问于2018-01-21
得票数 0
2
回答
如何
使下级页眉元素与视区底部或以下高度未知
的
页脚粘连
css
、
flexbox
、
sticky-footer
我有一个小提琴来描述我
的
问题:https://jsfiddle.net/ajbrun/yaq13ghu/7/ 我想让未知高度(绿色)
的
页脚总是在页面的底部或以下(如果由内容推动)。我也想有黄色
的
导航
栏
坚持后,滚动过去
的
红色标题横幅
的
页面顶部。不幸
的
是,我不能让这两种情况同时发生。
使用
我
的
示例,如果
flexbox
被注释掉,标题
导航</
浏览 17
提问于2019-08-22
得票数 0
1
回答
Z-索引不能将元素放置在固
定位
置元素
的
顶部。
css
、
z-index
、
css-position
我正在创建一个网站,我有一个标志在页面上,是静态
的
定位
为正常。不过,我有一个jQuery插件,当它滚动到屏幕顶部
时
,它会将其转换为固定
的
定位
元素,这样它就会固定在固
定位
置
导航
栏
的
顶部。我遇到
的
问题是,虽然徽标仍然是静态
的
,因为它还没有到达顶部,而是与
导航
栏
重叠,但它出现在
导航
栏
下面。我
使用
徽标上
的</e
浏览 3
提问于2013-05-13
得票数 1
2
回答
如何
在main content
的
右侧放置一个旁
栏
?
html
、
css
我在我
的
主要内容(不包括标题和页脚)
的
右侧放置一个“旁注”
栏
(包含历史上相关
的
引语)
时
遇到了麻烦。 “float”属性将aside列放在所有内容
的
右侧,但将它放在底部。我试过
使用
'
flexbox
‘,这似乎解决
了
'aside’元素
的
问题,但它将页脚垂直放置在内容
的
顶部(&覆盖部分内容),而不是水平放置在底部,同时将页眉移动到内容
的
左侧(它应该位于静态<em
浏览 0
提问于2018-09-16
得票数 0
1
回答
修复
了
浮动
导航
栏
上
导航
菜单
的
CSS
定位
问题
css
、
menu
、
navigation
、
css-position
问题
的
可视化: 有没有办法让浏览按钮停留在现在的确切位置?例如,如果我调整窗口大小或放大/缩小,浏览按钮将离开它
的
位置。
浏览 1
提问于2013-12-08
得票数 0
2
回答
Bootstrap
的
navbar高度100%?
bootstrap
这基本上就是我想要达到
的
目标: [01vae.png] 我希望整个页面的高度是100%,但是当我将侧边
栏
和主体放在100%
时
,页面会从navbar中添加40 px,所以即使没有滚动条,我也会得到一个滚动条我用表单把它修好了,但我肯定还有更简单
的
方法 <body> <div class="navbar"></div><div cla
浏览 878
提问于2018-04-02
3
回答
使
导航
条顶部和
导航
条一侧固定在屏幕上。
jquery
、
html
、
css
、
twitter-bootstrap
这里我
使用
的
是twitter引导3模板: 顶部
的
class="navbar navbar-default navbar-static-top"和class="navbar-default navbar-static-side我试过:navbar-fixed-top,但这改变了我
的
观念,因为我无法看到侧
栏
的
一部分.
浏览 0
提问于2014-03-08
得票数 2
回答已采纳
1
回答
侧边
栏
菜单在Safari/IOS上不显示
javascript
、
html
、
css
我有一个固
定位
置
的
导航
栏
,以及在移动设备上打开侧边
栏
菜单
的
按钮。只有在IOS和Safari上,当你点击购物车或账户
时
,侧边
栏
才不会显示。显然,这是某种兼容性问题,但我
如何
解决或
修复
这个问题?我在StackOverflow上看到其他一些线程说,这是因为Webkit translate不能在固
定位
置
的
父级中工作,所以我从代码中删除了translate all,以避免重新排列HTML.现
浏览 22
提问于2019-07-11
得票数 0
2
回答
如何
使用
Tailwind & Nextjs
使用
两个独立
的
可滚动div来实现
导航
条和内容div?
css
、
next.js
、
tailwind-css
我试图了解Stripe是
如何
在这里实现其布局
的
: 该页面有一个包含2个子div
的
列
flexbox
:一个用于
导航
条,另一个用于主要内容。列
的
方向意味着
导航
栏
将位于主要内容
的
顶部。
导航
栏
不
使用
sticky,据我所见,它也不
使用
fixed
定位
。主内容div是一个带有overflow-y: hidden
的
Flexbox</em
浏览 15
提问于2022-12-04
得票数 0
1
回答
锚链接问题|适用于firefox,但不适用于chrome
html
、
css
、
google-chrome
、
anchor
我正在重新设计我
的
网站,我有一个基本但恼人
的
问题与我
的
锚链接。如你所见,我正在
使用
一个
修复
导航
栏
,我
的
目标是让它在任何时候有人按下
导航
链接
时
都会转到那个部分:) 这就是问题所在。我已经在div中设置
了
我
的
锚点,这样我就可以正确地
定位
它,这样当他们选择“让我们联系我们”
时
,它就不会被
导航
切断。现在它在火狐上运行得很好
浏览 1
提问于2014-04-02
得票数 1
2
回答
标题中
的
导航
栏
JQuery移动
javascript
、
jquery
、
html
、
jquery-mobile
编辑:我
的
临时解决方案是关闭所有转换,并为每个标题
使用
不同
的
id。然后,您将获得持久化工具
栏
,但没有过渡。 我在JQuery移动端
的
头中
使用
了一个永久固定
的
导航
栏
。我在3个html文件之间
导航
,在第一个(主)页面上没有问题,但是在第二个和第三个页面上
导航
栏
覆盖了一些内容。
导航
栏
和页眉
的
损坏
导航
栏</em
浏览 0
提问于2012-05-08
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
前端自适应布局你需要知道的所有事
如何快速学习 CSS Grid 布局-相关资源和教程推荐
给萌新的 Flexbox 简易入门教程
体验 CSS Grid 布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券