在特定点显示页面

Question

我试图在这种情况下从特定点揭示一个页面（div：content）页面。

所需效果将在顶部显示红色块，但向下滚动将显示上方的蓝色块

更新：http://jsfiddle.net/cr8uj/1/

HTML

<div class="block">
    block
</div>

<div class="content">
    content
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
}
.block {
    background: blue;
    height: 300px;
    width: 100%;
    position: fixed;
}

.content {
        background: red;
        margin-top: 300px;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        position: absolute;
}

Answer 1

您正在寻找： scrollTop

http://api.jquery.com/scrollTop/

  

为每个设置滚动条的当前垂直位置   一组匹配的元素。

实施例： $('body').scrollTo('#YourDiv');

有一个与此相关的问题：jQuery scroll to element

---

一个好的图书馆：http://mmenu.frebsite.nl/examples/responsive/index.html

其他选择：

您需要的是JavaScript window.scrollTo 方法

window.scrollTo(xpos,ypos)

在那里插入 div 位置。

或者使用JQuery方法ScrollTo， see an example here

$(...).scrollTo( 'div:eq(YourDiv)', 800 );