jQueryを使用して、ページをスクロールせずにdivの内容をブラウザのスクロールバーでスクロールします。

Question

私は575pxの高いヘッダー領域を持っています。ユーザーがスクロールバーを動かしたりマウスホイールを使用したりすると、このヘッダーdivの内容がスクロールされますが、スクロールバーがそのコンテンツの最後に到達すると、ウィンドウ全体が通常のようにスクロールする必要があります。

本当に基本的なサンプルコード：http://jsfiddle.net/3uefZ/5/

をヘッダーの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> 

を私はJSfiddleがここで設定しています私が何を意味するかを視覚化に近い。私はこの上の任意の助けが大好きです

...

ありがとう！

Answer 1

これは動作可能性があります

http://jsfiddle.net/BbGdM/

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; 
    } 
} 

むしろハックしかし...私は、これはスクロールバーが見えることに加え、広告の新種......