Javascript 当滚动方向和滚动百分比为true时,类滚动(jQuery)
我对jQuery和JavaScript相当陌生,需要一些帮助 当用户向下滚动文档的某个百分比时,我试图使标题消失。另外,我希望当用户向上滚动一定的百分比时,标题重新出现,但我只是在JavaScript控制台中得到了这个错误:uncaughtsyntaxerror:Unexpected token&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) {
$(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')
。我们都去过那里;)祝你好运