在同一页面滚动

Question

我想和这里的内容一样

在这个网站上有一些顶级静态菜单，如果我点击下载，它将带我滚动页面。

怎么做？

Answer 1

要执行类似该网站的操作，请将您网站的内容放在<div>中并设置其id属性。然后，执行this之类的操作以滚动到特定的div。

对于Javascript / jQuery内容，您可以绑定到每个<a>元素的click事件，也可以只在HTML中指定onclick="goToByScroll('insertMyDivIdHere')"属性。

修改 要始终显示导航菜单，请确定其在页面上的位置。以下是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;
}

Answer 2

使用jQuery非常简单。

示例代码用于滚动到页面顶部，类似地，您可以更改值并可以转到页面的任何部分。这里的值为0. 700是将您带到网页顶部的持续时间

$('html,body').animate({ scrollTop: 0 }, 700);

希望这会对你有所帮助:)。