0

我一直在开发一个单页响应式网站,它的顶部有一个固定的标题,当浏览器缩小到一定大小我希望它切换到一个选择菜单,您只需点击它即可滚动到页面的一部分。

我可以轻松完成这一切,只是无法让它通过锚点滚动到它们。

我知道你这样做的方式是通过 js,因为我一直在阅读其他有类似问题的人,但这些回复似乎是为一些对 js 有一点了解的人发布的。这给我带来了问题,我对 js 感到非常可怕 :(。所以任何人都可以告诉我我需要做什么来制作选择菜单,使用 js 滚动到页面上的锚点。

这是我已经拥有的。

        <ul id="nav">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#services">Services</a></li>
            </ul>

            <select> 
                <option value="" selected="selected">Navigation</option> 
                <option value="#home">Home</option> 
                <option value="#about">About</option> 
                <option value="#portfolio">Portfolio</option> 
                <option value="#services">Services</option>
            </select> 

如果它有帮助,我正在为我的网站使用骨架样板。

在此先感谢各位:)

(我不确定我是否见过不同的人说选择菜单需要在表单标签中,有些人说不需要,所以如果你能澄清一下,那就太棒了:))

4

1 回答 1

0

我不知道我是否正确理解你的问题。带有“#something”href 的 achor 的想法是,当单击它时,它会将“#something”添加到您的 URL,称为片段。这会导致浏览器尝试将 id 为“某物”的元素带到屏幕顶部。

如果这不是您的问题,我很抱歉 - 如果不是,请澄清。

于 2013-03-07T05:48:48.243 回答