Question

我有一个奇怪的问题而且我不知道为什么它会起作用。

在我的网站http://www.wytworniaprojektu.eu中我使用ajax内容加载（通过jQuery .load（）），我只需要为主页制作滚动功能。现在它工作正常但是你看到这个函数总是为所有页面执行。

我做了什么：

我添加了课程＆＃39; hide-m＆＃39;到＃all-ajax主页。后来我建立了功能：

if ($(".hide-m").length > 0 ) {
   $(window).scroll(function () {
   var y = $(this).scrollTop();
   if (y > 100) {
   $('#top-header').show();
   } 
   else {
   $('#top-header').hide();
   }
 });
}
else {
  $('#top-header').show();
}

我已经厌倦了把它放在dom准备就绪并且在ajaxComplete里面（以识别是否隐藏了m＆＃39;存在）并且没有任何变化，滚动显示/隐藏＃top-header为所有页面工作？

任何想法，我犯了错误？

Answer 1

我建议使用jQuery waypoints将滚动绑定到窗口。

if ($('.hide-m').length > 0 ) {    
$('.item1').waypoint({handler: function() {
     $('#top-header').toggleClass('show-item');
    },
     offset: '25%'
    });
}

在加载ajax之后，存在带div的窗口滚动

1 个答案: