使用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
相关产品推荐
相关产品推荐

