&引用;停车场“;带有jquery Waypoints.js的div
我已经创建了一个div,该div将按预期进行修复。然而,在接下来的页面中,我希望它在滚动到一个特定的div时变为“停止”。这可以实现吗&引用;停车场“;带有jquery Waypoints.js的div,jquery,jquery-waypoints,Jquery,Jquery Waypoints,我已经创建了一个div,该div将按预期进行修复。然而,在接下来的页面中,我希望它在滚动到一个特定的div时变为“停止”。这可以实现吗 <div class="content"> <div class="topper"></div> <div class="margins">This is .margins <div class="container"> This is .container
<div class="content">
<div class="topper"></div>
<div class="margins">This is .margins
<div class="container"> This is .container
<div class="waypoint">.waypoint - gets .stuck</div>
</div>
</div>
<div class="stophere">How can I make .waypoint park here until I scroll back up?</div>
</div>
我已经创建了一个我已经尝试了几个小时的地方。而不是
$('.waypoint')。waypoint('unsticky')代码>将类别添加到您的航路点项目。根据需要设置该类的样式,以将其放置在所需的位置。您需要的确切样式将取决于您的页面,因此我无法提供更多详细信息。您需要知道航路点的当前位置才能停车。动态位置不能由CSS类设置,只能通过JavaScript设置。另外,当再次向上滚动时,如何取消连接(删除绝对位置并返回固定位置)?由于包装器成为了航路点,因此未触发航路点事件,因此应将unparking语句附加到何处?
$('.stophere').waypoint(function(direction) {
$('.waypoint').waypoint('unsticky');
});