html - 在特定位置显示页面

我正在尝试从特定点显示页面，在这种情况下，该页面下方的（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;
}

最佳答案

您在寻找：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 );

关于html - 在特定位置显示页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21173778/