标签：javascript scroll triggers mousewheel

我在使用jquery.mousewheel触发滚动事件时遇到了一些麻烦.我想“扩展”#bio-content-container的滚动事件,以便在滚动#bio-slider-container时触发.
我正在使用以下代码：
    

var lastScrollTop = 0;      
$("#bio-content-container").scroll(function () {
    var st = $(this).scrollTop();
    if (st > lastScrollTop){
        scroll('Down');
    } else {
        scroll('Up');
    }
    lastScrollTop = st;
});

jQuery(function($) {
    $('#bio-slider-container')
        .bind('mousewheel', function(event, delta) {
            $("#bio-content-container").trigger('scroll');
            return false;
    });
});

我不想在#bio-slider-container上触发滚动,这就是我使用鼠标滚轮的原因.任何帮助将非常感激 ：)

解决方法:

如果我理解正确,当您在#bio-slider-container上使用鼠标滚轮时,您想要滚动#bio-content-container的内容.您可能想查看jquery.scrollTo插件.此代码适用于我(没有看到您的HTML)：

$(document).ready(function () {

    $('#bio-slider-container').bind('mousewheel', function (event, delta) {
        var content = $("#bio-content-container");
        if (delta < 0) {
            content.scrollTo("+=10");
        } else {
            content.scrollTo("-=10");
        }
    });

});

标签：javascript,scroll,triggers,mousewheel
来源： https://codeday.me/bug/20190629/1331043.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。