腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(2305)
视频
沙龙
2
回答
Reach-
路由器
导航
()
与
锚链
的
偏移
?
javascript
、
reactjs
、
gatsby
、
anchor-scroll
、
reach-router
有没有办法去做 navigate('/#about') 使用reach-router,但是
偏移
量是-16px吗?我还没能在那上面找到任何东西。
浏览 24
提问于2020-04-21
得票数 0
1
回答
Gatsby布局组件中
的
嵌套
路由器
reactjs
、
gatsby
、
reach-router
我知道
路由器
支持这一点,但我不太确定如何使它在盖茨比.我现在正试图在我
的
MDX页面中创建一个选项卡接口。在更改页面时,是否可以使用嵌套
路由器
、嵌套布局组件或任何其他机制来避免重新加载整个主体内容(包括选项卡)?我希望我也可以将子页面定义为MDX,并将这些页面作为内容来为每个选项卡加载,而无需重新加载我
的
主布局组件或当前
的
周围页面内容。只是好奇这是可能
的
,还是我应
浏览 4
提问于2020-04-08
得票数 2
2
回答
不同
的
补偿。媒体查询。不包括一些锚
javascript
、
jquery
、
offset
、
anchor-scroll
、
scroll-position
情况:我想让每个
锚链
接都能顺利滚动到
锚链
接。接下来,我想为特定
的
锚链
接设置一个
偏移
量(例如,只设置
导航
链接,但是站点上没有
锚链
接)。最后,我想添加媒体查询。因此,
偏移
位置只应在定义
的
浏览器大小(例如“最大宽度:767 so”)工作。 第一个问题:如果禁用了其他功能(
偏移
定位),就只能正常滚动。两者结合不起作用。有帮助吗?第二个问题:我不知道如何将“
偏移
定位”简化为“
导航
”
锚
浏览 0
提问于2015-08-12
得票数 2
回答已采纳
5
回答
jQuery -滚动元素位于屏幕中部,而不是带
锚链
接
的
顶部。
javascript
、
jquery
、
html
、
vertical-alignment
、
smooth-scrolling
我正在建立一个一页
的
网站
与
固定位置
的
导航
条,该滚动顺利地通过
锚链
接到不同
的
部分元素。滚动到元素
的
默认行为是将其对齐到浏览器窗口
的
顶部。相反,我想将元素对齐到屏幕
的
中间。我将此标记用于
导航
: <a href="#top">Top</a> <a href="#sect
浏览 1
提问于2013-08-09
得票数 42
回答已采纳
4
回答
Jquery和响应性
javascript
、
jquery
、
responsive-design
、
media-queries
我有一个scrollTo
锚链
接脚本在我
的
网站
与
一个
偏移
量为-35 is,因为我
的
导航
栏是35 is
的
高度。有时,在不同
的
分辨率(智能手机或平板电脑),我需要改变
偏移
值。
浏览 6
提问于2016-03-07
得票数 0
回答已采纳
7
回答
在react
路由器
4中使用锚标记
javascript
、
reactjs
、
react-router
当用户通过
锚链
接
导航
到锚标签时,我希望页面向下滚动到我
的
锚标记。我使用
的
是react
路由器
4,并将其定义如下:export default (props) => { updateModal,是由我来创建滚动函数,
浏览 10
提问于2018-01-12
得票数 55
回答已采纳
2
回答
滚动到锚,使
导航
固定。
javascript
、
jquery
、
html
、
css
当滚动到锚上时,我试着做一个固定
锚链
接
的
导航
。把东西固定在锚上不是问题。 问题是我
的
导航
几乎在屏幕底部。所以,如果你向下滚动
导航
得到一个fixed类会发生什么。当单击
锚链
接时,脚本滚动到锚块
的
很远。我试着把
导航
线
偏移
到
导航
的
高度。这是有效
的
,但只有当你点击第二次在同一链接。第一次点击
锚链
接仍然使链接滚动得太远了!I创建了一个Fiddle来解释-&
浏览 1
提问于2015-05-11
得票数 5
回答已采纳
2
回答
滚动后移除锚点链接-也适用于来自另一个页面的链接
javascript
、
jquery
我已经建立了一个平滑滚动
的
单页网站,从URL剥离
锚链
接后,平滑滚动。我不能让
锚链
接在另一个外部页面上像<a class="page-scroll" href="../#contact">Contact</a>这样
的
链接之后剥离出来。我已经到处找过了,但是找不到一个有效
的
解决方案。 如果链接来自外部页面,我并不完全关心平滑
的
滚动。我最需要
的
是
导航
/滚动到主页面的
浏览 1
提问于2016-01-01
得票数 0
1
回答
用于使用pushState
的
backbone.js应用程序
的
S3 web主机
javascript
、
backbone.js
、
amazon-web-services
、
amazon-s3
、
pushstate
主干应用
路由器
处理根('/')下
的
所有路由。我想使用pushState,所以在我
的
应用程序路由中不需要使用#前缀。基本上,我希望所有子路由都由S3路由到域根,让Backbone来完成其余
的
工作。ReplaceKeyPrefixWith>#</ReplaceKeyPrefixWith> </RoutingRule>但这只是将# sig
浏览 2
提问于2014-04-20
得票数 0
2
回答
如何在到达某一节或某一段之前用固定
导航
栏滚动网页?
jquery
、
html
、
css
我认为这个标题足以理解我
的
问题。<a href="#service"></a>我想在我
的
部分
的
顶部前一点向下滚动。 谢谢。
浏览 3
提问于2014-12-30
得票数 0
回答已采纳
1
回答
固定标头
的
偏移
锚,但保持perma链接完整。
html
、
css
、
wordpress
、
anchor
、
offset
添加了一些代码到我
的
WordPress,使它添加
锚链
接到所有的h2标题。此外,它是一个小
的
连锁标志在每个标题前面,当它是悬停。line-height: 1; display: none; display: block;但是,我
的
页面确实有一个固定
的
导航
头,所以
锚链
接需要一点
偏移
量。我添加了这段代码,以实现
偏移
:
浏览 1
提问于2015-05-23
得票数 2
回答已采纳
2
回答
如何考虑html锚
的
体边距
html
、
css
、
twitter-bootstrap
、
anchor
、
anchor-scroll
我有这个页面
与
固定
的
nabber顶部(使用默认
的
引导
导航
栏)。我想要做
的
是:
锚链
接考虑第一个50 it将它完美地滚动到内容。
浏览 2
提问于2014-11-11
得票数 0
回答已采纳
1
回答
为什么角
路由器
用routerLink指令重新加载页面?
angular
、
ionic-framework
我做了一个从角度10到13,离子5到6
的
偏移
。我试图找到类似的问题或方法来理解这种行为,但什么也没有。 RouterModule.forRoot(routes, { pre
浏览 10
提问于2022-07-21
得票数 1
回答已采纳
1
回答
React.js和滚动SPA
javascript
、
reactjs
、
single-page-application
、
react-router
我开始了我
的
react.js之旅,我
的
目标是创建一个页面应用程序,其中顶部
导航
链接滚动到相应
的
首页部分,如。 到目前为止,我
的
应用程序实现了React.js和React
路由器
,并在首页中嵌套链接组件。我所挣扎
的
是正确
的
实现,修改这段代码,以便得到上面链接中显示
的
结果。有很多SPA教程,但是我还没有找到一个当前
的
教程来解决我
的
特定场景,使用React.js+React-
路由器
。有人知
浏览 3
提问于2016-05-27
得票数 3
回答已采纳
1
回答
Sapper: CSS平滑滚动
锚链
接对路由链接有不必要
的
影响
css
、
sapper
在Sapper应用程序中,当在给定页面(路由)内使用
锚链
接
导航
时,我使用CSS平滑滚动以获得更好
的
效果: scroll-behavior: smooth但是,这会导致其他路由
的
导航
以一种不想要
的
方式运行:而不是被重置到页面的顶部,滚动位置
与
前一条路径(在Firefox中)保持不变。(在Chrome中,同样
的
情况也是如此,但页面随后顺利地回滚到顶部。)我知道这是因为Sapper是如何工作
的
,但是是否有一个已知<e
浏览 1
提问于2020-12-07
得票数 1
回答已采纳
12
回答
将锚
与
反应
路由器
结合使用
javascript
、
reactjs
、
routes
、
react-router
、
anchor
我如何使用反应性
路由器
,并有一个链接
导航
到一个特定
的
地方在一个特定
的
页面?我有一个站点范围
的
导航
条,需要链接到页面的特定部分,比如/home-page#section-three。Note:react
路由器
的
创建者没
浏览 10
提问于2016-10-27
得票数 104
1
回答
如何使用UI-
路由器
防止持久URL
锚链
接哈希值?
angular
、
angular-ui-router
、
anchor
我在一个简单
的
应用程序中使用Angular2和
的
非散列模式,菜单中有一些
锚链
接。例如: 另一个副作用是以某种不可预测
的
方式刷新页面。从/blah/derp转到/blah/blech#specificati
浏览 4
提问于2016-11-30
得票数 5
1
回答
下一步/使用router.back()级联并忽略
锚链
接
javascript
、
html
、
reactjs
、
next.js
我正在开发我自己
的
博客网站
与
Next.js和MD转录。我有
锚链
接
的
问题。我所有的标题<h1>成为
锚链
接使用下一个链接组件:通过这种方式,
锚链
接可以正常工作但是,当我输入一个
锚链
接,然后按后退按钮(从浏览器或router.back()),而不是返回到我来自
的
页面,它只
浏览 3
提问于2022-03-31
得票数 0
回答已采纳
1
回答
带有可选动态段和未知顺序
的
Ember
路由器
ember.js
是否有可能在不知道顺序
的
情况下设置具有动态段
的
路由器
?App.Router.map(function() { this
浏览 5
提问于2013-09-30
得票数 0
3
回答
锚定链接到同一站点上
的
另一个页面
javascript
、
jquery
、
html
、
anchor
我需要从图片库页面链接到索引页面,但是链接到该页面中
的
特定锚点。<!Container (Services Section) --></div> 下面是画廊页面上
的
链接
浏览 2
提问于2017-11-09
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端笔记-学习JQuery插件-fullpage
做好cpa单页网站优化,推广引流再也不是问题!
pytz-西方最快的步枪
原来做对这些,对网站优化大有帮助
购物中心导示解决方案
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券