1

現在、スクロールが特定の垂直値にあるときに div の色を変更しようとしています。現時点では、私のスクロールはページの上部または下部の間に何も検出していないようです。

ページの一番下を押すと 0、1、2、3、4、5 などが表示され、一番上を押すと 0、-1、-2、-3 などが表示されます。スクロールはページの最上部または最下部以外の場所ではトリガーされないため、ページの最上部と最下部の間にページはありません。

HTML 構造:

<body>
    <div id="container">  
         <div id="post-view">
             <div id="cover-image">
                 <header>
                     <div class="title">
                     </div>
                     <div class="sub-title">
                     </div>
                 </header>                 
             </div>
         </div>
         <div class="suggested">
             content in here
         </div>
    </div>
</body>

jQuery:

$(document).scroll(function() {
    var y = $(this).scrollTop();
    console.log(y);
});

CSS:

html, body{
height:100%;
width:100%;
background: #ffffff !important;
overflow-x: hidden;
margin:0;
}

header{
width:100%;
border-bottom: 1px solid #cccccc;
background: #333333;
overflow:hidden;
padding:10px 0 0 0 ;
}

#container{
width:100%;
}

さらに情報が必要な場合は、コメントしてください。ありがとう！

4

2 に答える 2

0

要素の高さを 2k ピクセルにして、スクロールすることを認識しました。h2 は、スクロールした距離を示します。動作しますか？

http://cdpn.io/oHACi

于 2014-01-30T17:15:42.560 に答える