Прокрутка jQuery только для обнаружения прокрутки в верхней части страницы и внизу?

В настоящее время я пытаюсь изменить цвет div, когда свиток имеет определенное вертикальное значение. Хотя на данный момент мой свиток, кажется, не обнаруживает ничего между верхней или нижней частью страницы.Прокрутка jQuery только для обнаружения прокрутки в верхней части страницы и внизу?

Так что, когда я попал в нижнюю часть страницы, я вижу 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%; 
}

Любая помощь очень ценится, если вам нужно больше информации просто комментарий. Благодаря!

источник

2014-01-30 learn

Это работает для меня http://jsfiddle.net/daguru/wbMdZ/ – Merlin

Это действительно странно, поскольку это просто не для меня, несмотря на то, что я пытаюсь. – learn

@Lorenzo Я добавил некоторый стиль CSS, который у меня есть, есть ли что-нибудь, что вы можете увидеть, что потенциально может вызвать эту проблему? – learn

Как вы можете видеть выше, у меня есть в моем CSS html, body { height:100% } это был виновником. Действительно странно. Теперь он работает. Спасибо за ваше время.

источник

2014-01-30 18:47:50 learn

та же проблема здесь, может подтвердить, что это определенно исправлено для меня, эта точная проблема, очень странно! –

@ToniLeigh Хороший материал - рад, что это помогло. – learn

Создал элемент 2k px, чтобы узнать, что он прокрутит. h2 рассказывает вам, как далеко прокручивается. Работает?

http://cdpn.io/oHACi

источник

2014-01-30 17:15:42

Это совсем не работает, этот код просто дает мне тот же результат. Может быть, это расположение моих идентификаторов и классов, которые влияют на прокрутку? – learn

Я добавил некоторый стиль CSS, который у меня есть, есть ли что-нибудь, что вы можете увидеть, что потенциально может вызвать эту проблему? – learn

Возможно, ваш контент не выше, чем ур окно? Я обновил codepen http://codepen.io/erikpantzar/pen/oHACi –

Прокрутка jQuery только для обнаружения прокрутки в верхней части страницы и внизу?

ответ

Смежные вопросы