添加“悬停”与“滚动”相同的功能

时间:2018-09-20 20:16:07

标签: javascript scroll hover

首先对英语感到抱歉。 我想将鼠标悬停在徽标上,并执行菜单的“滚动”功能。应该怎么办?

var prev = 0;
var $window = $(window);
var nav = $('#nav');
$(window).scroll(function(){
  var scrollTop = $window.scrollTop();
  nav.toggleClass('hidden', scrollTop > prev);
  prev = scrollTop;
});

http://jsfiddle.net/joselm65/x7k0phz5/1/

1 个答案:

答案 0 :(得分:0)

只需将函数重构,并在滚动和悬停事件中调用它即可:

// Write this below your current JS code
$('#logotipo').mouseenter(function(){
    nav.addClass('hidden');
}).mouseleave(function(){
    nav.removeClass('hidden');
  $(this).trigger('scroll');
});