현재 스크롤이 특정 수직 값에있을 때 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%;
}
어떤 도움이 크게 감사합니다. 감사!
그것은 나를 위해 일하고있다. http://jsfiddle.net/daguru/wbMdZ/ – Merlin
그것은 정말로 이상하다. 내가 시험해 보는 것에 관계없이 나를 위해 일어나지 않고있다. – learn
@Lorenzo 내가 갖고있는 CSS 스타일을 추가했는데,이 문제를 유발할 수있는 것이 무엇인지 알 수 있습니까? – learn