让柔滑的选框在鼠标悬停/移出多个区域时停止/启动

Question

我在页面上使用了丝滑选框，到目前为止效果很好，但我需要添加另一位：当我将鼠标悬停在滚动条上时停止选框，并在不悬停时重新启动选框的能力在它上面。

滚动条是 javascript：http://n-son.com/scripts/jsScrolling/。包含滚动条的 div 具有 Scrollbar-Track 类。这是我当前的版本：

http://www.palosverdes.com/sandbox/soverflow/index。 cfm

我尝试定制现有的 jquery 函数，但到目前为止我还没有运气。这是函数：

$('div.demo marquee').marquee('pointer').mouseover(function () {
        $(this).trigger('stop');
    }).mouseout(function () {
        $(this).trigger('start');
    }).mousemove(function (event) {
        if ($(this).data('drag') == true) {
            this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
        }
    }).mousedown(function (event) {
        $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
    }).mouseup(function () {
        $(this).data('drag', false);
    });
});

Answer 1

您可以尝试将鼠标悬停/移出事件添加到滚动条，就像为侯爵添加鼠标悬停/移出事件一样。像这样的事情：

$("#scrollbar").mouseover(function(){
    $('div.demo marquee').trigger('stop');
)};

$("#scrollbar").mouseout(function(){
    $('div.demo marquee').trigger('start');
)};

您触发事件的方式与侯爵本身的鼠标悬停事件相同，但您是通过滚动条的鼠标悬停/移出事件来执行的。