腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
使
一个
导航
栏
在
用户
滚动
时
变得
粘滞
html
、
css
、
navbar
、
nav
、
sticky
我有两个
导航
栏
。假设顶部有
一个
用户
导航
栏
,
用户
导航
栏
下有
一个
主
导航
栏
。 当
用户
滚动
时
,我想有
一个
粘性的主
导航
栏
。我真正想做的是让
导航
栏
类似于我最喜欢的游戏网站的标题,在这里https://playoverwatch.co
浏览 66
提问于2016-06-16
得票数 3
回答已采纳
1
回答
报告了错误的.offset().top值
javascript
、
jquery
、
html
、
css
在
一个
页面中,我有几个部分,
在
第
一个
和第二个之间,我有
一个
导航
栏
菜单,当它到达顶部
时
,它会触发
一个
函数,将其固定在顶部。这可以通过计算每个
滚动
上的偏移量来工作,除了有时会报告错误的值,
导航
栏
开始闪烁。377.98213896484367正如您所看到的,它从377
浏览 1
提问于2015-01-11
得票数 0
1
回答
HTML5
导航
栏
不会
粘滞
在
浮动对象上
html
、
css-float
、
sticky
我的
导航
栏
的样式是这样的: font-size: 1em; display: block;e6c79c;margin:3%;float:right;padding:2em;padding-top:1em;text-align:center;position:sticky;"> 我尝试的是1.
一个
粘性的
导航
栏
,当在浮动的div元素上
滚动
时
,它会保持粘性。<
浏览 15
提问于2018-01-14
得票数 0
4
回答
Google Chrome中忽略z索引的粘贴
栏
jquery
、
html
、
css
、
google-chrome
、
z-index
我添加了
一个
导航
栏
(带状样式)到我目前正在工作的网站,并使用jQuery
粘滞
插件,
使
它固定在顶部的视区
时
,
用户
滚动
。它在Firefox中工作得很好,但Chrome
在
条形图一粘住就忽略了色带边上的z索引。我花了7个小时
在
谷歌上寻找这个问题的解决方案。事实上,我最终从头开始,因为我试图修复它只会让事情
变得
更糟。 谁能告诉我,当在Chrome中
滚动
时
,我应该改变什么来修
浏览 3
提问于2013-03-29
得票数 0
回答已采纳
1
回答
滚动
后将
导航
栏
返回到原始位置
javascript
、
jquery
、
html
、
css
我已经设置了这个页面,当您
滚动
经过
导航
栏
的顶部
时
,它会
变得
粘滞
,并停留在页面的顶部。这是我目前工作的。我应该如何更改jQuery,使其保持
在
原来的位置?"top": "0px", "right": "0
浏览 2
提问于2015-09-06
得票数 0
1
回答
当html高度: 100%
时
,
粘滞
导航
中断
javascript
、
jquery
、
html
、
css
我
在
一个
网站上有
一个
导航
栏
,它目前工作正常,使用这个jQuery代码
使
它在
滚动
过去
时
变得
“
粘滞
”:$(window).scrolltop:0; z-index:999;.fixedNavPadding {} 当我对html应用"heigh
浏览 0
提问于2013-11-08
得票数 0
2
回答
Bootstrap,
在
向下
滚动
后
使
导航
栏
变得
粘滞
?
javascript
、
jquery
、
html
、
css
、
twitter-bootstrap
我有
一个
导航
栏
,它在标题图像的下面。当我向下
滚动
时
,我想让
导航
栏
停留在网页的顶部。我想不出所需的jQuery或CSS,因为
导航
栏
似乎粘在标题图像的正下方,留下了一些间隙。
浏览 1
提问于2013-07-17
得票数 21
3
回答
如何在向下
滚动
一点后按下
粘滞
导航
按钮?
html
、
css
、
reactjs
我正在与React建立
一个
网站,并首先在移动版本工作。有
一个
粘性的
导航
栏
,向下
滚动
后会粘在顶部。我
在
右边有
一个
按钮的地方附上一张图片。我希望该按钮出现后,向下
滚动
。因此,首先,按钮
在
顶部,然后向下
滚动
一点后,
导航
变得
粘滞
,并且按钮
在
导航
上滑动。我正在用React制作这个网站。这是如何实现的呢?谢谢! 图片: ?
浏览 29
提问于2019-06-05
得票数 0
回答已采纳
1
回答
有没有办法
在
没有jquery的情况下检测窗口的位置?
javascript
、
css
、
onscroll
这就是我想要做的,我
在
页面的顶部有
一个
粘滞
的
导航
,背景是透明的。但是当
用户
向下
滚动
时
,内容
在
导航
下方,我希望更改
导航
的背景,使其不透明。现在我已经实现了这一点,但我的问题是:当
用户
滚动
回到页面顶部
时
,
导航
背景是否可能再次
变得
透明? 例如:
用户
加载页面,
导航
是透明的,
用户
向下<
浏览 3
提问于2013-01-30
得票数 1
回答已采纳
1
回答
导航
面板卡在屏幕顶部的问题
html
、
css
下面是我正在开发的
一个
网站的HTML和CSS代码片段。我不能让
导航
面板
在
滚动
时
停留在屏幕的顶部。这个想法是,当徽标部分(高度为210px)
滚动
到视线之外
时
,
导航
面板会停留在屏幕的顶部。我缺乏如何做到这一点的知识,并且由于某些原因,互联网上的教程显示如何做到这一点,
在
我的项目中失败。PS.this是
一个
学校项目,所以简单点:d{ height:210px
浏览 0
提问于2018-09-26
得票数 0
1
回答
BootstrapVue:创建2个
导航
栏
,底部
导航
栏
固定在顶部?
html
、
css
、
vue.js
、
bootstrap-4
、
bootstrap-vue
我要做的是创建两个
导航
栏
。第
一个
(顶部
导航
栏
)只是
一个
品牌(徽标)。第二个(底部
导航
栏
)是
导航
菜单。当
用户
向下
滚动
时
,我希望顶部
导航
栏
滚动
离开屏幕,但我希望第二个(底部)
导航
栏
固定在屏幕顶部。我已经将每个
导航
栏
设置为单独的组件。 这种行为的
一个</e
浏览 23
提问于2020-03-28
得票数 2
回答已采纳
1
回答
Collectionview
在
NavigationBar下不隐藏
swift
、
uicollectionview
、
navigationbar
我有
一个
关于CollectionView
滚动
的问题。单元格将显示
在
状态
栏
上,因为
导航
栏
不会隐藏其。我更改了集合视图,并取消选中“调整
滚动
视图插入”,但没有选中任何内容。
在
viewdidload中
粘滞
我的
导航
栏
,但这并不能解决问题,这是
粘滞
的代码: extendedLayoutIncludesOpaqueBars = true let layout = collectionView.
浏览 23
提问于2019-01-10
得票数 1
2
回答
我有
一个
粘性的
导航
条(搜索
栏
),但是当你向下
滚动
时
,它仍然与页面的内容重叠。
javascript
、
html
、
css
我想知道当您向下
滚动
页面
时
,如何才能使搜索
栏
(而不是顶部的
导航
栏
)与页面内容不重叠。请注意,我有
一个
导航
栏
和
一个
搜索
栏
,我
在
中指的是
在
本期中提到的搜索
栏
(
粘滞
条) I.e。期望的结果:当页面向下
滚动
时
,搜索栏位于内容的顶部,而不是与页面的内容重叠。参见代码中的代码:
浏览 2
提问于2020-06-27
得票数 0
4
回答
如何
使
表头不可
滚动
bootstrap vue
css
、
vue.js
、
bootstrap-vue
我对bootstrap vue .I是个新手,我的整个应用程序都使用了bootstrap-vue 1.4,我的表使用了b-table,但表头
在
滚动
时
也会移动,我想让它们
变得
粘滞
或不可
滚动
。我发现在新的bootstrap-vue 2.0中有
一个
粘滞
标题选项,但我不能使用它,因为我可能会破坏我的应用程序。有什么方法可以使用bootstrap-vue 1.4
使
表头
变得
粘滞
吗?
浏览 67
提问于2019-09-05
得票数 0
回答已采纳
2
回答
粘滞
导航
&
在
div上悬停
javascript
、
jquery
、
html
、
css
总的来说,我是jQuery和JS的新手,所以请对我客气一点:)我现在正在使用jQuery
粘滞
浏览 1
提问于2013-10-22
得票数 0
2
回答
在
导航
栏
后面显示Glyphicon
css
、
twitter-bootstrap
、
glyphicons
我
在
我的页面上有
一个
登录表单,在
用户
和pass字段中有2个引导图标。问题是,当它们
滚动
经过时,它们会显示
在
我
粘滞
的
导航
栏
上方。我曾尝试将z索引设置为比
导航
栏
(如navbar=1 icons=0)更小的值,但不起作用。 为什么会发生这种情况,我如何防止这种行为?
浏览 1
提问于2013-09-28
得票数 2
1
回答
如何在
粘滞
导航
栏
中设置平滑
滚动
?
html
、
css
、
scroll
、
sticky
我有
一个
黏糊糊的菜单,里面有孩子。像这样的模板:页面上的div标签是:所以我想点击项目并
滚动
到项目div,但
粘滞
导航
是问题所在。
滚动
到项目后,所选项目将显示
在
粘滞
导航
栏
下。 如何将offset设置为(scroll-behavior: smooth)或修复此问题的任何方法?
浏览 9
提问于2020-03-15
得票数 1
1
回答
包含上述内容的引导
导航
栏
不能正常工作
jquery
、
css
、
bootstrap-4
、
wordpress-theming
我有
一个
导航
栏
Bootstrap 4,上面有
一个
标题。我希望标题在
滚动
中消失,但
导航
栏
粘滞
在
顶部。});</script> 据我所知,这是针对.navbar的,并在
用户
滚动
到顶部
时
将元素CSS中的
浏览 2
提问于2018-06-13
得票数 0
2
回答
粘滞
导航
顶部
栏
使
页面的其余部分向下跳转(基础5)
javascript
、
html
、
nav
、
sticky
、
zurb-foundation-5
我正在使用Foundation框架来创建我的网页,并且我正在使用他们的粘性顶部
栏
导航
作为
一个
简单的Select表单的容器。虽然我确实让它工作了,但当我向下
滚动
页面
时
,粘性顶部
栏
抓住了窗口的顶部,页面内容的其余部分向下‘跳’了大约60px。我已经摆弄了它大约3个小时了,但没有任何运气。
浏览 2
提问于2015-05-21
得票数 3
1
回答
创建具有FadeIn和FadeOut效果的
粘滞
导航
jquery
我使用下面的代码来创建
一个
粘滞
的
导航
菜单。当我向下
滚动
页面
时
,我想淡出这个
导航
(一旦它
变得
“固定”)。relative', 'top': 'auto'}).removeClass("mega-fixed"); $(window).scroll(fixDiv);我尝试在上面的css中使用
一个
不透明元素当我向下
滚动
页面
时
,效
浏览 2
提问于2013-07-02
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
底部导航设计的黄金法则
微软测试 Win10 Chromium/Edge CPU 优化和滚动新效果
网站设计的6个坑要避免
UI设计之垂直导航
夸克浏览器 v Build 985
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券