腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(209)
视频
沙龙
1
回答
角度
2
:
粘性
滚动条
和
ViewportScroller
,滚
动到
带有
粘性
导航
栏
的
锚
点
元素
angular
我只需使用
ViewportScroller
单击并移
动到
锚
点
元素
: @Component({ templateUrl: './sample.component.scss']export class SampleComponent {
浏览 33
提问于2020-09-29
得票数 0
1
回答
纯CSS页面内锚定动态高度
粘性
标头问题
javascript
、
html
、
css
、
intersection-observer
、
scroll-margin-top
我试图结合使用scroll-behavior: smooth
和
scroll-margin-top设置
的
页面锚定解决方案中
的
纯CSS,并使用页面
导航
中
的
位置
粘性
标题。使用IntersectionObserver,我检测到
粘性
元素
的
顶部,并添加一个类来应用特定
的
粘性
头样式,这最终改变了标题
的
高度。当标题处于此
粘性
位置时,您可以单击页面
粘性
导航
浏览 13
提问于2022-10-21
得票数 0
2
回答
角度
辅助功能
和
跳至
导航
链接
angular
、
accessibility
我需要有跳过
导航
面板在
角度
的
链接,移
动到
内容部分工作良好,但标签顺序没有遵循。问题是,当用户激活跳到主内容链接时,页面将移
动到
“主”
锚
点
,但如果用户继续使用选项卡使用键盘
导航
,下一项仍然是
导航
栏
中
的
下一个链接,所以这并不能解决问题。当页面移
动到
主内容并且用户按tab键时,如何才能使Tab键顺序从主内容继续?目前我有<a [routerLink]="" (c
浏览 11
提问于2021-07-13
得票数 0
回答已采纳
1
回答
具有固定
导航
和
粘性
标题
的
锚
点
html
、
css
、
anchor
正如您在中看到
的
,我在每个div中都有一个
导航
栏
和
一个
粘性
标题。现在,如果我点击我
的
锚
点
,我会向下滚
动到
正确
的
位置,但标题与div
的
文本重叠。我希望标题在向下滚动时位于div
的
上方,这可以通过设置 margin-bottom: 40px;如果我这样做了,我会得到一个偏移量,我根本不想要这个偏移量,正如你在这里看到
的
: 有没有什
浏览 2
提问于2017-07-25
得票数 0
4
回答
粘性
HTML
元素
隐藏在chrome / Firefox移动浏览器
的
Mobile
导航
栏
下面。怎么解决这个问题?[更新]
html
、
css
、
reactjs
、
mobile
、
sticky
要求: 在下面给定
的
GIF图像中,动作
栏
和
Next scale按钮隐藏在移动
导航
窗格下面,而相同
的
粘性
特性需求在桌面上也能正常工作。如果我滚
动到
页面的末尾并向上滚动,操作
栏
将按预期工作,并保持在
导航
窗格上方
的
<
浏览 10
提问于2022-07-01
得票数 4
回答已采纳
4
回答
如何为网站创建
粘性
标题
栏
header
、
sticky
我想为一个网站创建一个
粘性
标题
栏
,就像这个网站上
的
粘性
标题()一样,如果有任何可以帮助我
的
编码或任何资源,帮助我创建相同
的
。你
的
回复将对我有很大
的
帮助。
浏览 2
提问于2012-11-04
得票数 8
回答已采纳
1
回答
Javascript Div Scroll -一些问题
javascript
、
jquery
、
html
、
css
、
scroll
) {}, 3); 问题是,当我滚
动到
带有
用于
锚
点
的
ID
的
DIVs时,由于我有一个
粘性
标题,所以我向下滚动得有点太远了。我尝试使用它,所以当更改DIV时,它将解释
粘性
标题,它并不完全工作,但我有的主要问题是,我将有超过12个
导航
DIV I,每次点击它们
浏览 0
提问于2015-10-14
得票数 1
1
回答
是否可以将相关
元素
保持在粘稠
的
肚脐以下?
html
、
css
我现在面临
的
问题是,当我有一个带position:sticky
的
导航
条,我有一个
带有
position:relative
的
div,在另一个
元素
中有一个
带有
position:absolute
的
元素
时,当滚动时我看到了另一个告诉op只使用position:fixed
的
线程,但是我真的想使用粘稠
的
,因为
导航
条在标题下面,即使我可以通过使用javascript
和
修复来解决这
浏览 1
提问于2021-02-20
得票数 2
回答已采纳
7
回答
位置:粘滞不起作用
css
、
position
、
navbar
、
sticky
我有这个HTML代码: Description .header
的
高度为150px。.navbar
的
高度为20px。当用户滚动时,我希望.navbar停留在顶部。因此,我转到CSS并设置了position:sticky
和
top:0。但这并不管用。我最初认为firefox不支持position:sticky,但事实并非如此,因为我看到了它
的
工作演示。我用谷歌搜索了一下,但没有找到任何有用
的
东西。有人知道为什么这个不起作用吗?
浏览 97
提问于2017-08-06
得票数 31
回答已采纳
1
回答
JsPlumb:在引导
导航
栏
填充之后,
锚
点
位置错误
jquery
、
css
、
twitter-bootstrap
、
twitter-bootstrap-3
、
jsplumb
我有一个让我发疯
的
问题。我想开始使用jsPlumb。所以我只是复制了他们
的
演示draggableConnectors,并添加了一个小
的
引导
导航
栏
。如果我使用navbar -fixed top <-没有填充,除了我可以在没有
滚动条
的
情况下将我
的
元素
拖到
导航
栏
后面之外,所有的工作都很好。我
的
锚
点
和
端点从示例div中提取出来。<
浏览 13
提问于2015-07-24
得票数 0
2
回答
“
粘性
”侧边
栏
垂直溢出
html
、
css
我们
的
页面上有一个
粘性
面板,用以下非常简单
的
CSS实现:top:62px;其中,top
和
bottom属性创建所需
的
边距。问题是这个面板包含了几个手风琴风格
的
元素
,其中一些扩展会导致内容溢出到屏幕底部,变得不可见/无法访问。向上面的css样式添加一个overflow:auto;规则几乎解决了这个问题,方法是插入一个
滚动条
,允许用户垂直滚动以查看可能隐藏
的
内容。然而
浏览 0
提问于2015-02-18
得票数 0
9
回答
Angular4 -滚
动到
锚
点
html
、
css
、
angular
、
anchor-scroll
我正在尝试做一个简单
的
滚
动到
同一页上
的
一个
锚
元素
。基本上,用户点击一个"Try It“按钮,它就会滚
动到
页面下方一个id为"login”
的
区域。现在,它正在使用一个基本
的
id="login" & <a href="#login"></a>,但它正在跳到这一部分。理想情况下,我希望它滚
动到
那里。如果我使用
的
是Angul
浏览 3
提问于2017-06-09
得票数 43
2
回答
如果您指定“底部:0”表示位置:粘稠,为什么它要做一些与规范不同
的
事情?
css
、
css-position
、
sticky
当我阅读一篇关于MDN
的
文章时,这是一个问题。我认为在描述
的
sticky行为
和
实际行为之间有明显
的
区别。根据MDN,
粘性
位置
元素
被视为相对位置
元素
,直到超过指定
的
阈值,而当超过阈值时,它们被视为固定位置
元素
,直到到达父
元素
的
边界()。
粘性
定位可以认为是相对定位
和
固定定位
的
混合体。
粘性
定位
元素
被视为相对位置
浏览 5
提问于2019-05-03
得票数 15
2
回答
如何将
元素
设置为固定-全屏
javascript
、
jquery
、
html
、
css
反之亦然,如果用户从内容
的
顶部滚动更多,标题应该完全向下滚动。 我能用css做到这一
点
吗?我在
的
提交站点上看到了更常用
的
设计
浏览 0
提问于2016-06-15
得票数 0
1
回答
我可以重置jQuery粘滞
导航
栏
功能吗?
javascript
、
jquery
、
html
、
css
我是新来
的
,我遇到了一个jQuery脚本
的
小问题,当我
的
粘性
导航
栏
滚
动到
某个部分时,我用它来更改我
的
CSS。 首先,我使用了一个名为".stickychange“
的
类,它是jQuery函数
的
触发器。在这一部分,我使用背景图像(我个人拍摄
的
一张照片),我希望我
的
白色
导航
栏
在经过这一部分时变成透明
的
黑色。它就像一个护身符一
浏览 18
提问于2018-01-09
得票数 1
回答已采纳
2
回答
尝试使用自定义图像在
导航
栏
上实现:hover
css
、
html
、
anchor
我正在为CSS中
的
锚
(特别是:hover)标签而苦苦挣扎。这是我
的
JSFiddle: 基本上,我有一个
带有
自定义图像
的
导航
栏
(在小提琴中,我去掉了它,因为我只是想理解语法并将它们排列起来)。
导航
栏
是一个div,我在
导航
栏
上有五个链接,它们都是嵌套
的
div。为了使每个嵌套
的
div链接(我将整个div设置为链接),我添加了一个透明
的
png作为背景图
浏览 1
提问于2011-12-13
得票数 0
回答已采纳
1
回答
HTML
锚
导航
不使用CSS
粘性
堆栈
html
、
css
、
anchor
我正在建立一个网站,其中有一个肚脐在顶部,然后当我
导航
到页面上,有部分标题是堆叠成
粘性
的
肚脐下面。我注意到
的
是,当在
元素
中使用"top“CSS标记时,HTML
锚
就会中断。 我用编写了这个例子。加载页面后,您可以从顶部
导航
到ID1、ID
2
、ID3
和
ID4。问题是,例如,当您到达ID
2
时,您无法返回到ID1,也无法从ID3返回ID1或ID
2
。基本上,您不能使用任何使用"top“CSS
浏览 5
提问于2022-02-16
得票数 1
回答已采纳
2
回答
为什么我
的
javascript会破坏
锚
?
javascript
、
html
、
scroll
、
anchor
在页面经过该
元素
后,我有以下JavaScript来修改
元素
(#primary_nav):var scrollFlag = 0; 如何既能产生javasc
浏览 4
提问于2013-12-13
得票数 1
回答已采纳
1
回答
使滚动
粘性
元素
的
优先级高于更改
元素
位置
html
、
css
假设我有一个侧面
导航
,我希望侧面
导航
是
粘性
的
,这样它就可以
和
用户一起滚动。但是,侧面
导航
不是固定高度
的
:当用户在
导航
上打开一个
带有
子项
的
项时,它会垂直展开以显示子项。用户
的
解决方案是向下滚动页面以查看
导航
的
底部,并选择他们选择
的
链接。然而,现在侧边菜单是
粘性
的
,当向下滚动时,菜单将与它们一起滚动。我会喜欢一个纯
浏览 20
提问于2019-02-15
得票数 0
回答已采纳
4
回答
当使用Zurb Foundation滚动时,
粘性
顶部
栏
会使页面跳起
html
、
navigation
、
zurb-foundation
我正在为我
的
网站使用Zurb Foundation 4框架。我想有一个
导航
栏
的
位置下
的
标题,坚持到页面的顶部时,你滚动过去。效果可以在这个页面上看到,尽管这是一个不同
的
导航
元素
: <li><a href="#">Sub-item 1<
浏览 0
提问于2013-03-19
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS粘性定位是怎样工作的每日前端夜话0x1F
纯CSS的导航栏Tab切换方案
干货:仓储作业如何改善?这有一份苏宁仓储设计案例
零基础工程师绘图指南,半小时水平越级提升!
JavaScript 经典实例,收藏一波吧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券