jquery - 在同一页面滚动

Question

我想和这里做的一样

在这个站点中有一些顶部的静态菜单，如果我点击下载，它会带我滚动页面。

如何做到这一点？

Answer 1

要执行类似该网站的操作，请将您网站的内容放在 <div> 中s 并设置它们的 id属性。然后，做类似 this 的事情滚动到特定的 div .

对于 Javascript/jQuery 的东西，你可以绑定(bind)到每个 <a>元素的点击事件，或者你可以只指定 onclick="goToByScroll('insertMyDivIdHere')" HTML 中的属性。

编辑:要始终保持导航菜单可见，请固定其在页面上的位置。这是用于实现此目的的 CSS:

#top-bar-menu {
    -moz-box-shadow: 0 1px 5px #210634;
    background: none repeat scroll 0 0 #501E73;
    border-bottom: 1px solid #300B4C;
    float: left;
    font-size: 15px;
    height: 24px;
    left: 0;
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 9px 0 3px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 95;
}