使用jQuery，使用浏览器滚动条滚动div的内容，而不滚动页面。。。

我有一个头部区域是575px高。当用户移动滚动条或使用鼠标滚轮时，我希望此标题div的内容滚动，但当滚动条到达该内容的末尾时，我需要整个窗口像正常一样开始滚动

真正基本的示例代码：

<div id="header">

    <div id="text1">ONE</div>
    <div id="text2">TWO</div>
    <div id="text3">THREE</div>
    <div id="text4">FOUR</div>

</div>

<div id="main-content"></div>

我在这里设置了JSFIDLE：

header div上有滚动条——我不想这样：但这是接近可视化我的意思的唯一方法

我想在这方面得到任何帮助

谢谢

这可能有效：

---

虽然有点粗俗。。。我希望这不是一个新的广告品种……

除了滚动条可见之外，这不是预期的效果吗？不-不是广告。我正在尝试在标题内容上获得设计师想要的视差效果。问题是，当我使用视差插件时，我可以让它约束到我想要的div区域，而不隐藏溢出，这样标题内容就不会在布局中向下推主内容。溢出：隐藏；使效果无效。我想我应该试试另一条路。谢谢你的回答-我现在就去试试，让你知道…谢谢你的回答约瑟夫：但是我无法用这个解决方案独立于整个窗口滚动div中的内容。

var i = document.body.scrollTop;
var scrolling = true;
window.onscroll = function(){
    if(scrolling) {
        var old = document.getElementById("header").scrollTop
        document.getElementById("header").scrollTop += document.body.scrollTop;
        if( document.getElementById("header").scrollTop == old &&
            document.body.scrollTop > 0) {
            scrolling = false;
        }
        document.body.scrollTop = 0;
    }
}