相关疑难解决方法(0)

我正在寻找这样的效果:

$(window).scroll(function(event){
   if (/* magic code*/ ){
       // upscroll code
   } else {
      // downscroll code
   }
});

有任何想法吗？

好的,这个..

$(window).scroll(function()
{
    $('.slides_layover').removeClass('showing_layover');
    $('#slides_effect').show();
});

我可以告诉别人什么时候滚动我的理解.因此,我试图找出当有人停下来时如何捕捉.从上面的示例中,您可以看到我正在滚动时从一组元素中删除一个类.但是,我想在用户停止滚动时重新启用该类.

这样做的原因是我打算在页面滚动时进行一个停留显示,以使页面具有我试图处理的特殊效果.但是我试图在滚动时删除的一个类与该效果冲突,因为它对某些性质具有透明效果.

我想在有人向下滚动一个元素时运行一个函数.像这样的东西:

 $('div').scrollDown(function(){ alert('down') });
 $('div').scrollUp(function(){ alert('up') });

但这些功能不存在.有这个问题的解决方案吗？他们似乎能够做到这一点.不幸的是源代码是压缩的,所以没有运气......

谢谢!!

我正在使用JQuery创建滚动效果,我想知道是否可以区分用户滚动和编程滚动.

我有这样的事情:

$('#element').on('scroll',function(e){
    $('#element').stop(true); // stop previous scrolling animation
    $('#element').animate({ // start new scrolling animation (maybe different speed, different direction, etc)
        scrollTop:...
    });
});

但是,在动画的每个步骤中都会触发此事件.如何判断此事件是由用户还是动画触发？

我注意到当ajax在页面顶部推送一些内容时会自动触发jquery滚动事件.任何专家都知道如何在添加内容时避免触发滚动事件？但是当用户运行鼠标滚轮,向上翻页以及键盘上下可能触发滚动事件？

$(window).on('scroll', function () {
        console.log("User manual scrolled.");
    });

基于这个例子. https://jsfiddle.net/q00jnv4n/

如何检查没有滚动条的鼠标滚轮运动？

$(document).mousewheel(function() {
     clicker.html("a7a");
});

我想要检测用户何时滚动到页面底部,然后尝试继续滚动,但没有任何东西可以滚动/查看.

我正在创建可用性指标,其中死滚动是一个指标,需要一种方法来准确地检测用户何时尝试滚动但没有提供任何剩余的内容.

当鼠标滚轮事件启动但页面不向上/向下滚动页面时,我需要触发的内容.

我最近将我的一个项目更新为jQuery 1.9.1,我不能再使用$.event.handle.apply()方法了.我搜索并发现,我可以放置jquery.migrate.js.我只是想确认是否还有其他选择？我的google-fu在这里失败了......

--EDIT--这是导致问题的代码(不是我的......从插件中复制而来)......

// Event handler function
function mouseWheelHandler(event)
{
    var sentEvent = event || window.event,
        orgEvent = sentEvent.originalEvent || sentEvent,
        args = [].slice.call( arguments, 1 ),
        delta = 0,
        deltaX = 0,
        deltaY = 0;
        event = $.event.fix(orgEvent);
        event.type = "mousewheel";

    // Old school scrollwheel delta
    if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta/120; }
    if ( orgEvent.detail     ) { delta = -orgEvent.detail/3; }

    // New school multidimensional scroll (touchpads) deltas
    deltaY = delta;

    // Gecko
    if …

我想检测用户何时尝试在我的页面上向上或向下滚动,但由于我不想允许实际滚动,我设置了溢出:隐藏的主体.代码是这样的:

$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
    console.log("scroll");
});

问题是,由于没有实际的滚动我无法触发事件,我已经考虑过去除溢出样式并以某种方式阻止滚动但我无法弄清楚如何做到这一点.

无论如何有一种方法来修复滚动同时检测滚动尝试？谢谢

我不想禁用鼠标滚动。我想禁用单击鼠标滚轮以通过向上或向下移动鼠标来滚动。

我已经成功地在 Chrome、IE、Opera 和 Safari 上做到了这一点，但在 Firefox 上却不行。

这是我用过的：

$(document).mousedown(function(e) {
    if(e.button == 1){  //also tried with if(e.which == 2){
        e.preventDefault();
        return false;
    }
});

现场演示

我在我的网站上使用bootstrap carousel.但我希望它的功能与众不同.我希望在mouseScroll上更改幻灯片(每次鼠标滚动时每张幻灯片).

如何使用Bootstrap Carousel实现它？

$('#myCarousel').carousel({
  interval: 3000
});

的jsfiddle

我尝试通过mousewheel对元素的事件进行绑定来确定用户向哪个方向“移动” 。

您可以在以下代码段中看到，将鼠标悬停在灰色矩形上时，将触发事件。

JSFiddle

的HTML

<div class="rect"></div>
<div>
    Mousewheel event state : 
    <label class="event-state-mousewheel">Triggered !</label>
</div>

的CSS

.rect {
    width : 200px;
    height : 200px;
    background-color : lightgrey;
}

.event-state-mousewheel {
    color : red;
    display : none;
}

的JavaScript

$(function() {
    $('.rect').on('mousewheel', function(event) {
        $(".event-state-mousewheel").stop(true, false).fadeIn(250).fadeOut(250);
    });
});

问题

我找不到方向。我尝试调试事件触发时返回的对象，但是由于调试中的元素数量很庞大，因此调试起来太大了。

题

是否存在使用这些元素（从返回的对象中）获取鼠标滚轮方向的公式？还是有类似的事件$("#element").on("mousewheeltop")？

注意

我希望尽可能不使用任何其他外部插件，而仅使用JQuery。

我想禁用鼠标滚轮1秒钟.我怎么能这样做？

我有这个功能:

function clickOnMenu(id)
{

    switch(id)
    {
        case 1:
        $('.page').css('display','none');
        $('#first').click();
        rotateImage($('#first'));
        $('#menu div').removeClass('active');
        $('#first').addClass('active');
        break;

        case 2:
        $('.page').css('display','none');
        $('#feature').click();
        rotateImage($('#feature'));
        $('#feature').addClass('active');
        break;

        case 3:
        $('.page').css('display','none');
        $('#download').click();
        rotateImage($('#download'));
        $('#download').addClass('active');
        break;
    }
}

这些情况用鼠标滚轮运行.我想在每个案例选中时,鼠标滚轮禁用1秒钟.

我怎么能这样做？