Javascript 当滚动方向和滚动百分比为true时,类滚动(jQuery)

Javascript 当滚动方向和滚动百分比为true时,类滚动(jQuery),javascript,jquery,html,css,header,Javascript,Jquery,Html,Css,Header,我对jQuery和JavaScript相当陌生,需要一些帮助 当用户向下滚动文档的某个百分比时,我试图使标题消失。另外,我希望当用户向上滚动一定的百分比时,标题重新出现,但我只是在JavaScript控制台中得到了这个错误:uncaughtsyntaxerror:Unexpected token& $(function(){ var lastScrollTop = 0, delta = 5; $(window).scroll(function(event) {

我对jQuery和JavaScript相当陌生,需要一些帮助

当用户向下滚动文档的某个百分比时,我试图使标题消失。另外,我希望当用户向上滚动一定的百分比时,标题重新出现,但我只是在JavaScript控制台中得到了这个错误:uncaughtsyntaxerror:Unexpected token&

$(function(){

var lastScrollTop   = 0,
    delta           = 5;

$(window).scroll(function(event) {
   var scrollTop        = $(this).scrollTop(),
       scrollAmount     = $(window).scrollTop(),
       documentHeight   = $(document).height(),
       scrollPercent    = (scrollAmount / documentHeight) * 100;

   if(Math.abs(lastScrollTop - scrollTop) <= delta)
      return;

   if (scrollTop > lastScrollTop && scrollPercent > 15){
       &('.heady').slideUp(1000);

   } else if (scrollTop < lastScrollTop && scrollPercent > 30){
       &('.heady').slideDown(800);
   }
   lastScrollTop = scrollTop;
    });
}); 
$(函数(){
var lastScrollTop=0,
δ=5;
$(窗口)。滚动(功能(事件){
var scrollTop=$(this).scrollTop(),
scrollAmount=$(窗口).scrollTop(),
documentHeight=$(document).height(),
滚动百分比=(滚动量/文档高度)*100;
if(Math.abs(lastScrollTop-scrollTop)lastScrollTop&&scrollPercent>15){
&('heady')。slideUp(1000);
}否则如果(scrollTop30){
&('heady')。向下滑动(800);
}
lastScrollTop=scrollTop;
});
}); 

如果有人能帮助我,我将非常感激

您尝试使用&而不是$。 jQuery可以通过两种方式使用:

var way1 = jQuery('.classSelector');
var way2 = $('.classSelector');
考虑将代码更改为:

 if (scrollTop > lastScrollTop && scrollPercent > 15){
       $('.heady').slideUp(1000);

   } else if (scrollTop < lastScrollTop && scrollPercent > 30){
       $('.heady').slideDown(800);
   }
if(scrollTop>lastScrollTop&&scrollPercent>15){
$('heady').slideUp(1000);
}否则如果(scrollTop30){
$('heady')。向下滑动(800);
}
.scrollTop()
可能会帮助您


下面将显示一个工作示例。

尝试将
&('.heady')
的两个实例替换为
$('.heady')
。我们都去过那里;)祝你好运