假设我在名为/example#myanchor1的页面上,其中myanchor是页面中的anchor。我想链接到/example#myanchor2,但这样做时会强制重新加载页面。原因是我运行js以在页面加载时从url检测anchor。不过,这里的问题(通常是预期的行为)是浏览器只是将我发送到页面上的特定anchor而不重新加载页面。我该怎么做呢?JS没问题。 最佳答案 我建议监控URL中的anchor以避免重新加载,这几乎就是使用anchor控制流的意义所在。但仍然在这里。我会说使用简单的anchor链接强制重新加载的最简单方法是
非常类似于thisangularquestion:在使用react-router时如何使用anchor链接进行页内导航?换句话说,如何在使用react-router时实现以下纯HTML?Question1Question2Question3Question1Question2Question3目前我拦截对此类链接的点击,并滚动到anchor位置。这并不令人满意,因为这意味着无法直接链接到页面的某些部分。 最佳答案 anchor链接的问题是react-router默认是使用URL中的hash来维护状态。幸运的是,您可以根据Locati
我正在构建一个带有固定位置导航栏的单页网站,该导航栏可以通过anchor链接平滑地滚动到不同的部分元素。滚动到元素的默认行为是将其与浏览器窗口的顶部对齐。相反,我想将元素对齐到屏幕中间。我使用这个标记进行导航:TopSection1Section2Section3Section4Section5我使用kswedberg'sjQuerySmoothScrollplugin平滑滚动。我这样启动它:$('.main-nava').smoothScroll({offset:0,speed:700});我想将偏移量设置为((window).height/2)-(elementheight/2)以
当我想阻止我正在使用的anchor标记的默认行为时link哪个是最有效的解决方案? 最佳答案 优雅降级解决方案的示例:linkdocument.getElementById("myLink").onclick=function(){//dothings,andthenreturnfalse;};演示:http://jsfiddle.net/karim79/PkgWL/1/ 关于javascript-防止anchor行为,我们在StackOverflow上找到一个类似的问题:
我试图做的是在另一个页面IE上的anchor引用时突出显示具有特定id的div:用户点击链接href="qw.html#test",当页面加载时,然后是带有id="test"的div突出显示,以便用户可以清楚地看到它。我确定我看过一个CSS3示例,其中如果链接到一个div,它就会突出显示。还是JavaScript? 最佳答案 你需要使用:target伪类::target{background-color:#ffa;}JSFiddledemo. 关于javascript-CSS-当id链接
是否可以使用平滑滚动来锚定链接,但没有jQuery?我正在创建一个新网站,我不想使用jQuery。 最佳答案 扩展此答案:https://stackoverflow.com/a/8918062/3851798在定义了你的scrollTo函数之后,你可以在函数中传递你想要scrollTo的元素。functionscrollTo(element,to,duration){if(duration如果你有一个id="footer"的div…在你运行滚动的脚本中你可以运行这个,elmnt=document.getElementById("fo
有没有办法使用jQuery向下滚动到anchor链接?喜欢:$(document).ready(function(){$("#gotomyanchor").click(function(){$.scrollSmoothTo($("#myanchor"));});});? 最佳答案 这是我的做法:varhashTagActive="";$(".scroll").on("clicktouchstart",function(event){if(hashTagActive!=this.hash){//thiswillpreventifthe
我有一个调用JavaScript函数的anchor标记。使用或不使用JQuery如何确定单击链接时是否按下了shift键?以下代码不起作用,因为按键仅在按下“真实键”(不是shift键)时触发。(我希望如果只按下shift键它会触发。)varshifted=false;$(function(){$(document).keypress(function(e){shifted=e.shiftKey;alert('shiftkey='+e.shiftkey);});$(document).keyup(function(e){shifted=false;});}...functionmyfu
如何编写将在URL片段标识符(anchor)发生任何更改时执行的Javascript回调代码?例如从http://example.com#a到http://example.com#b 最佳答案 Google自定义搜索引擎使用计时器根据先前的值检查散列,而单独域上的子iframe更新父的位置散列以包含iframe文档正文的大小。当计时器捕捉到变化时,父级可以调整iframe的大小以匹配主体的大小,这样就不会显示滚动条。类似下面的东西实现了同样的效果:varstoredHash=window.location.hash;window.s
我不确定询问/搜索此问题的最佳方式:当您单击anchor链接时,它会将您带到页面的那个部分,链接区域现在位于页面的最顶部。我希望anchor链接将我发送到页面的那部分,但我希望顶部有一些空间。比如,我不希望它在最顶部将我发送到链接部分,我希望那里有100像素左右的空间。这有意义吗?这可能吗?编辑以显示代码-它只是一个anchor标记:Clickme!Ishouldbe100pxbelowwhereIcurrentlyam! 最佳答案 window.addEventListener("hashchange",function(){wi