首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用hashtag #链接HTML

使用hashtag #链接HTML
EN

Stack Overflow用户
提问于 2020-10-12 10:26:43
回答 1查看 73关注 0票数 0

我在我的页面上使用navscroll js

使用下面的代码,它就像是一个护身符:

代码语言:javascript
运行
复制
<ul>
                            <li>
                                <a href="#hero">Home</a>
                            </li>
                            <li>
                                <a href="#about">About</a>
                            </li>
                            <li>
                                <a class="active" href="#works">Works</a>
                            </li>
                            <li>
                                <a href="#service">Services</a>
                            </li>
                            <li>
                                <a href="#blog">Blogs</a>
                            </li>
                            <li>
                                <a href="#footer">Contact</a>
                            </li>
                        </ul>

但是,当我在不同的页面上时,例如隐私策略页面,我希望在单击时将我的用户定向到index.html#homeindex.html#about

所以我通过index.html#home尝试了一下,但是不起作用。

下面是我在navscroll下的JS代码:

代码语言:javascript
运行
复制
 /*  nav scroll */
    $('.main-nav').on('click', '.mobile-nav-toggle', function (e) {
        e.preventDefault();
        $('.main-nav ul').slideToggle('fast');
    });
    
    $('.main-nav').navScroll({
        mobileDropdown: true,
        mobileBreakpoint: 991,
        scrollSpy: true,
        navHeight: 82,
    });

你知道如何修复这个问题,这样我就可以在点击其他页面时导航到index.html#homeindex.html#about了吗?

EN

回答 1

Stack Overflow用户

发布于 2020-10-12 11:18:25

向div添加一个名称。我的意思是,如果你有:

代码语言:javascript
运行
复制
<div id="hero"></div>  

change it to:

<div id="hero" name="hero"></div>

您应该能够使用以下命令链接到它:

代码语言:javascript
运行
复制
<a href="http://test.com/test-page#test">Test</a>

类似的问题:here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64310932

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档