Question

一直在寻找可以处理的解决方案/插件。导航，菜单突出显示和散列更改（滚动和菜单单击）但无法真正找到。我有一个单页网站的部分标记，我想以一种很好的方式实现提到的弓。

基本上是这样的 - 在滚动和菜单点击上更改哈希（菜单也需要突出显示）。滚动和单击时都会显示。

编辑：完全像这样但我需要哈希来改变滚动。 http://callmenick.com/2013/04/22/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation/

HTML

            <nav id="main-nav">
            <ul>
                <li>
                    <a href="#">product</a>
                </li>
                <li>
                    <a href="#">process</a>
                </li>
                <li>
                    <a href="#">testimonials</a>
                </li>
                <li>
                    <a href="#">contact</a>
                </li>
            </ul>
        </nav>

        <section class="main-section" id="product">
        </section>
        <section class="main-section" id="process">
        </section>
        <section class="main-section" id="testimonials">
        </section>
        <section class="main-section" id="contact">
        </section>

Answer 1

您可以致电history.pushState('/myPage#MyNewURI')

来更新您的URI

不会重新加载页面，只需更改URI。

JavaScript的。根据滚动位置更改哈希值

1 个答案: