停止动画'scrollLeft'或者'scrollRight'当悬停时

stoping an animation 'scrollLeft' or 'scrollRight' when hovered

本文关键字：悬停 scrollRight 或者 scrollLeft 动画      更新时间：2023-09-26

我正试图破解一个插件来满足我的客户需求。基本上，这个插件是一个图片库，里面有缩略图和大预览。缩略图在转盘内。现在，我想禁用当它位于图像顶部或容器内部时的自动滚动。

我（有SO用户的大力帮助）已经在查看大预览时将事件切换为悬停。

您可以在此处看到演示：http://jsbin.com/enezol/12

thumbs.hover(
  function(){
    //Do not scroll or move when the mouse pointer is inside the list of thumbnails
    $('.ad-thumb-list').stop();  
  },
  function(){
    //Back to its orginal state
    // ???
  }

我试图禁用一个功能（自动滚动），当鼠标在包含缩略图的容器内时，它不应该移动。如果缩略图一直从左向右移动，用户很难查看缩略图。

您可能想知道为什么我将"点击"事件切换为"悬停"事件，原因是客户的要求。

尝试取消活动可能值得一试，比如…

$('#myElement').bind( 'mouseenter', function( e ){
    e.preventDefault();
    e.stopPropagation(); // just to be sure
});
相关文章：