问onScroll()禁用同一个元素上的mouseenter()
EN

Stack Overflow用户

提问于 2015-03-20 15:45:16

回答 1查看 77关注 0票数 0

我试图为相同的元素绑定两个事件处理程序，但是当触发onScroll()时，mouseenter将不会为此工作任何原因，而只工作？

   var main = function() {
  $(window).scroll(function() {
 if ($(window).scrollTop() > 900) {

$(".swap").delay(900).animate({
        opacity: 1, 
        marginRight: 0
    }, 'slow'
);
 }
  });
 $(".swap").mouseenter(function(){

  $(".swap").fadeOut('fast', function() {
    $(".swap-hidden").fadeIn("slow");
    $(".mobile p").last().append('and tablets')
  });
  });

  };
  $(document).ready(main);

onscroll

mouseenter

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-20 15:49:59

这是因为mouseenter需要实际的页面坐标(x和y)，并且滚动会动态地更改它们，因此您需要在每个滚动事件之后重新绑定(或检查) mouseenter。

你的选择是：

用mouseenter切换hover。
像这样重写您的函数(将mouseenter函数包含到document.ready函数中： var main = function() {$(Window).scroll(函数(){ if ($(window).scrollTop() > 900) { $(".swap").delay(900).animate({不透明度: 1，marginRight: 0 }，'slow')；}$(“.swap”).mouseenter(函数(){ $(".swap").fadeOut('fast'，function() {$(“.交换-隐藏”).fadeIn(“慢速”)；$(".mobile p“).last().append(‘和平板]} })；}；$(文档).ready(Main)；

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29170526

复制

相似问题

问onScroll()禁用同一个元素上的mouseenter()
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onScroll()禁用同一个元素上的mouseenter()EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onScroll()禁用同一个元素上的mouseenter()
EN