Waypoint不工作溢出：隐藏;

Question

Fiddle

如果您从小提琴overflow中移除.wrapper属性，则路标可以正常工作。
但不是overflow或hidden

中的x y

以下是代码：

HTML：

<div class="wrapper">
    <div id="sec1" class="section">dfa fdasfsdafd as</div>
    <div id="sec2" class="section">dfa fdasfsdafd as</div>
    <div id="sec3" class="section">dfa fdasfsdafd as</div>
    <div id="sec4" class="section">dfa fdasfsdafd as</div>
</div>

CSS：

html, body, .wrapper, .section{
    height:100%;
}
.wrapper{
    overflow-x: hidden;
    overflow-y: auto;
}

JS：

$('#sec3').waypoint(function(direction) {
    $('#sec3').css({
        backgroundColor: "#f99"
    });
});

任何jQuery或css解决方案？

Answer 1

更新2014-05-16

添加绑定到waypoint() ID的<div>功能，以显示css更改。

waypoint()的上下文应该是您的外部<div class="wrapper">：

<强> DEMO