Question

我在我的WordPress网站上使用Ajax Load More来创建无限滚动的单个帖子（使用Previous Post）附加组件。它工作正常。但是，我有一个隐藏和显示的粘性导航栏，具体取决于我在使用get_the_permalink()和get_the_title()的页面中的位置，以及获取网址和固定链接。

如果我向下滚动，一切正常。导航栏一直显示和隐藏我正在阅读的页面标题，按钮继续使用URL。但是，如果我向上滚动，它只是获取最后加载的信息，就是这样。即使我在第1号帖子上，也会显示帖子＃8的标题和永久链接。

我注意到所有的粘性棒都在那里，但它只是显示/隐藏最后一个。然后我为他们分配了唯一的类（使用帖子ID）......但没有改变。向下滚动顺利，向上滚动，它使用最后加载的信息。

对我来说很明显问题是显示/隐藏的东西，因为我有一些使用固定链接和标题的共享按钮，它工作正常。此外，由于所有粘条都在那里，但没有显示/隐藏......：P

这是我用来显示粘性条的内容：

<script>
 var IDdoPost = <?php global $post; echo $post->ID; ?>
$(document).ready(function(){
  $('.Waypoint01').waypoint(function(direction) {
    $('.Barra-'+IDdoPost).css('display', 'block');
    if (direction === 'down') {
      $('.Barra-'+IDdoPost).addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('.Barra-'+IDdoPost).addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '100%' });  


  $('.Waypoint02').waypoint(function(direction) {
    if (direction === 'down') {
      $('.Barra-'+IDdoPost).addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('.Barra-'+IDdoPost).addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '88' });
});
</script>

有任何帮助吗？

根据页面显示特定div我无限滚动

0 个答案: