Question

我对jQuery和JavaScript相当新，需要一些帮助！

当用户向下滚动文档的某个百分比时，我试图使标题消失。此外，当用户向上滚动一定百分比时，我希望标题重新出现，但我只是在JavaScript控制台中出现此错误：未捕获的语法错误：意外的标记＆amp;

$(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;
    });
});

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

Answer 1

您尝试使用＆amp; 而不是 $ 。 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);
   }

Answer 2

.scrollTop()可以帮助你......

以下Link将显示一个有效的示例。

滚动方向和滚动百分比为真时滚动类（jQuery）

2 个答案: