`

Chrome下锚点定位失效的问题

 
阅读更多

项目有个ajax翻页评论并定位的小功能,具体是在点击评论的翻页之后,通过ajax异步加载评论数据,动态插入内容之后再进行锚点定位。一开始一切很顺利,IE、FF都能在加载后通过window.location.hash = 锚点 进行定位,但是Chrome不行,只有第一次可以。

后来通过分析过程,觉得可能是相同的锚点定位在Chrome下不起作用,于是自己在console上试了下,果然如此。

再后来,我是这样子解决的~

window.location.hash = 锚点;

window.location = window.location;

然后就搞定啦。

分享到:
评论

相关推荐

    JS如何实现在页面上快速定位(锚点跳转问题)

    在网页设计中,尤其是在内容较多、页面较长的情况下,合理使用锚点可以提高用户体验,让用户快速定位到感兴趣的内容区域。 锚点跳转主要可以通过两种形式实现:一种是使用传统的a标签配合name属性,另一种是使用a...

    jQuery页面滚动显示浮动菜单栏锚点定位效果

    本主题聚焦于利用jQuery实现一个特定的功能——当页面滚动时,展示一个浮动菜单栏,并实现锚点定位效果。这个功能对于提高用户体验,尤其是内容丰富的长页面,是非常有用的,因为它可以帮助用户快速导航到页面的不同...

    jQuery侧边栏固定层锚点定位代码.rar

    jQuery侧边栏固定层锚点定位代码.rar jQuery侧边栏固定层锚点定位代码.rar jQuery侧边栏固定层锚点定位代码.rar jQuery侧边栏固定层锚点定位代码.rar jQuery侧边栏固定层锚点定位代码.rar jQuery侧边栏固定层锚点...

    导航滚动到一定高底后吸顶,锚点定位自动跟随

    导航滚动到一定高底后吸顶,锚点定位自动跟随 //内容信息导航吸顶 $(document).ready(function(){ var navHeight= $("#navHeight").offset().top; var navFix=$("#nav-wrap"); $(window).scroll(function(){...

    前端-搜索高亮、字体放大及锚点定位功能

    在前端开发中,实现搜索高亮、字体放大和锚点定位功能是提升用户体验的重要手段。以下将详细讲解这些功能的实现方法,以及如何在nuxt.js框架和elementUI组件库中进行应用。 首先,让我们来看搜索高亮。搜索高亮是在...

    jquery a标签锚点定位特效.zip

    然而,"jquery a标签锚点定位特效" 提供了一种增强用户体验的方式,它利用JavaScript库jQuery来实现更平滑、更动态的锚点定位效果。这个特效不仅仅是简单的跳转,而是通过动画过渡使得页面滚动更为流畅,从而增加了...

    锚点定位.rar

    在网页设计中,锚点定位(Anchor Link)是一种常见的技术,用于实现在同一HTML文档内快速跳转到不同部分的功能。这种技术对于长页面的导航非常有用,例如,当用户点击菜单时,页面会平滑滚动到相应的内容区域。本...

    js锚点定位

    本文将深入探讨JavaScript锚点定位的原理、实现方式以及相关的应用技巧。 ### 锚点定位基础 在HTML中,我们可以为任何元素设置一个唯一的`id`属性,例如: ```html 第一部分 ``` 然后在页面的其他地方创建一个...

    jQuery锚点定位全屏滚动切换代码

    **jQuery锚点定位全屏滚动切换代码详解** 在网页设计中,全屏滚动切换效果是一种常见且时尚的设计手法,尤其适用于展示型网站或单页应用。这种效果可以让用户通过简单的鼠标滚轮操作,平滑地从一个内容区域滚动到另...

    onclick锚点定位

    在网页设计中,"onclick锚点定位"是一种常见的交互技术,它允许用户通过点击按钮或链接,快速跳转到页面内的特定位置。这种技术主要基于HTML的锚点(Anchor)元素和JavaScript的onclick事件,结合CSS来实现页面右侧...

    锚点定位垂直滚动jQuery完美布局平滑滚动

    锚点定位垂直滚动jQuery完美布局平滑滚动 适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 查看效果:http://www.juheweb.com/js/gddm/33.html

    jQuery侧边导航锚点定位代码.zip

    本资源"jQuery侧边导航锚点定位代码.zip"聚焦于利用jQuery实现一种特定的交互效果——侧边导航与页面锚点定位。这种技术在现代网页设计中非常常见,尤其是用于内容丰富的长页面,可以提供良好的用户体验,帮助用户...

    【JavaScript源代码】vue实现锚点定位功能.docx

    在选择解决方案时,应考虑到各种浏览器的兼容性问题,确保代码能在大多数环境下正常工作。 总结,Vue.js 实现锚点定位功能结合了 HTML、CSS 和 JavaScript 三者的力量,通过监听滚动事件,动态更新视图状态,以及...

    详解Vue项目中实现锚点定位

    这里的`selector`是目标锚点的ID,这样就可以在不离开当前页面的情况下实现滚动定位。 最后,文件中的内容也提醒读者,如果在实施上述方法时遇到任何疑问,可以留言反馈,作者会及时回复解答。同时,作者也表达了对...

    Android tabLayout+recyclerView实现锚点定位的示例

    "Android tabLayout+recyclerView实现锚点定位的示例" Android TabLayout 和 RecyclerView 是 Android 开发中两个常用的控件,分别用于实现标签栏和列表视图。锚点定位是指在列表视图中实现锚点跳转的功能,即当...

    jQuery网页锚点定位 平滑滚动 导航菜单代码

    在网页设计中,锚点定位和平滑滚动是提升用户体验的重要技术。jQuery作为一个广泛使用的JavaScript库,提供了方便快捷的方法来实现这些功能。本教程将详细讲解如何使用jQuery实现网页锚点定位和平滑滚动,以及创建...

    锚点快速定位到页面中指定位置

    总的来说,锚点定位是网页设计中不可或缺的一部分,它提高了用户体验,使得长页面内容更加易于浏览和导航。理解和掌握锚点的使用,能够让你的网站更加专业且用户友好。通过结合HTML、CSS以及JavaScript,我们可以...

    Vue监听滚动实现锚点定位(双向)示例

    在介绍如何使用Vue监听滚动事件实现锚点定位之前,我们首先要了解几个关键的概念和技术点,这些包括Vue框架本身、锚点定位的原理以及监听滚动事件在实现页面内导航中的应用。 Vue.js 是一个构建用户界面的渐进式...

    ie,360下html锚点失效问题解决

    通常情况下,网页中的锚点链接可以正常工作,但是在某些特殊情况下,比如页面滚动位置没有正确更新,或者浏览器对特定的DOM结构和CSS属性存在兼容性问题,会导致锚点失效。 要解决这个问题,可以采用JavaScript编程...

Global site tag (gtag.js) - Google Analytics