You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用fullPage.js时如何移除URL地址中自动添加的锚点后缀

fullPage.js滚动隐藏URL锚点解决方案

最简实现方案(无需额外依赖)

fullPage.js原生提供了控制URL哈希变更的配置参数,你仅需在原有初始化代码中新增一行hashChange: false即可实现需求:既保留原有锚点跳转功能,滚动时也不会在URL中生成#xxx格式的锚点后缀。
修改后的初始化代码如下:

new fullpage('#fullpage', {
  anchors: ['firstPage', 'secondPage', 'thirdPage'],
  hashChange: false // 新增该配置项
});

兼容外部锚点跳转方案

如果你需要支持用户通过带锚点的外部链接直接访问对应页面,同时还想隐藏地址栏的锚点显示,可以使用history API的方案,在滚动完成后自动清除URL中的锚点内容,代码如下:

new fullpage('#fullpage', {
  anchors: ['firstPage', 'secondPage', 'thirdPage'],
  afterLoad: function() {
    // 替换当前历史记录,清除锚点且不触发页面刷新
    history.replaceState(null, document.title, location.pathname + location.search);
  }
});

内容的提问来源于stack exchange,提问作者Sigurd Mazanti

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.21 09:36:05