Question

我有一个导航元素，当它击中指定的锚点时淡入淡出，当它返回到原始位置时淡出淡出：这都是由偏移控制的路点jquery完成的：

（请查看http://jamesanthonyallan.com/并导航至“工作”，然后点击粉红色的兔子头像

pink rabbit head http://jamesanthonyallan.com/optimised/sws-bubble.png）

<script>

jQuery(function($) {

$('#sws-stills').waypoint(function() {

    $('#work-back').fadeIn( 1500 ); 

},
{
    horizontal:true,
            offset: '50%',


});

});

</script>

<script>

jQuery(function($) {

$('#sws-stills').waypoint(function(right) {

    $('#work-back').fadeOut( 1500 );    

},
{
    horizontal:true,
            offset: '100%',
    trigerOnce: true,
});

});

</script>

这对我来说很好（当然我对任何改进建议都是开放的）但如果你在打开或超过指定的锚点（即#sws-stills）时刷新浏览器，导航按钮就会淡入淡出和现在你有点卡住....只有刷新到'主页'页面的唯一选项....你现在可能已经注意到如果你在我的网站上它是一个单页网站，带有自动滚动锚点... < / p>

我能解决这个问题吗？

非常感谢...

Answer 1

刷新页面时，窗口已滚动到两个路标应已触发的位置。这很好，Waypoints在航路点创建时检查这一点，如果已经到达，它会触发航路点。在这种情况下的问题是您的航点的顺序。您创建了fadeIn航点，它会触发。然后，您创建fadeOut航点，它会触发。切换订单可以让您处于您正在寻找的状态。

当浏览器刷新时，Waypoint会感到困惑

1 个答案: