Jquery 如何滚动浏览所有列

下面是我在jquery中面临的一些问题。 请参阅下面给出的链接

这里

第一列：

1.）当用户向下滚动第一列时，向上滚动第二列和向下滚动第三列是完美的（工作正常）

2） 当用户向上滚动时，第二列下降，第三列上升（工作正常）

问题是，我希望第二列和第三列的内容相同，然后它就卡住了

第二列：

1.）当用户向下滚动时，第一列向上滚动，第三列向上滚动

2.）如果用户向上滚动，则第一列向下滚动，第三列向下滚动

第三列：

1.）当用户向下滚动时，第一列向下滚动，第二列向上滚动

2.）当用户向上滚动时，第一列向上滚动，第二列向下滚动

请告诉我如何实现这一点，有什么想法吗

---

我将非常感谢您将此代码放入您的脚本中

编辑：：

 var scrollColumn1 = true;
var scrollColumn2 = false;
var scrollColumn3 = false;

    jQuery("#column_01").on("scroll", function () {

        if(scrollColumn1) {

            scrollColumn2 = false;
            scrollColumn3 = false;
           var scrolledleft = parseInt(jQuery("#column_01").scrollTop()) * -1;

var scrolledleft1= parseInt(jQuery("#column_01").scrollTop()) * 1;
    jQuery("#column_03").scrollTop(scrolledleft1 + scrolledright);

    jQuery("#column_02").scrollTop(scrolledleft + scrolledcenter);
        } else
            scrollColumn1 = true;
    });

   jQuery("#column_02").scrollTop(jQuery("#column_02 .right_container").height());


var scrolledright = parseInt(jQuery("#column_03").scrollTop());

var scrolledcenter = parseInt(jQuery("#column_02").scrollTop());


    jQuery("#column_02").on("scroll", function () {

        if(scrollColumn2) {

            scrollColumn1 = false;
            scrollColumn3 = false;
           var scrolledleft = parseInt(jQuery("#column_02").scrollTop()) * 1;

        var scrolledleft1= parseInt(jQuery("#column_02").scrollTop()) * 1;

            jQuery("#column_03").scrollTop(scrolledleft1 + scrolledright1);

            jQuery("#column_01").scrollTop(scrolledleft + scrolledcenter1);
        } else 
            scrollColumn2 = true;
    });

    var scrolledright1 = parseInt(jQuery("#column_01").scrollTop());

    var scrolledcenter1 = parseInt(jQuery("#column_03").scrollTop());

    jQuery("#column_03").on("scroll", function () {


        if(scrollColumn3) {
            scrollColumn2 = false;
            scrollColumn1 = false;
           var scrolledleft = parseInt(jQuery("#column_03").scrollTop()) * -1;

        var scrolledleft1= parseInt(jQuery("#column_03").scrollTop()) * 1;
          jQuery("#column_01").scrollTop(scrolledleft1 + scrolledcenter2);

          jQuery("#column_02").scrollTop(scrolledleft + scrolledright2);
        } else 
            scrollColumn3 = true;
    });


    jQuery("#column_01").scrollTop(jQuery("#column_01 .right_container").height());

    var scrolledright2 = parseInt(jQuery("#column_02").scrollTop());

    var scrolledcenter2 = parseInt(jQuery("#column_01").scrollTop());

---

将此代码放入脚本中

编辑：：

 var scrollColumn1 = true;
var scrollColumn2 = false;
var scrollColumn3 = false;

    jQuery("#column_01").on("scroll", function () {

        if(scrollColumn1) {

            scrollColumn2 = false;
            scrollColumn3 = false;
           var scrolledleft = parseInt(jQuery("#column_01").scrollTop()) * -1;

var scrolledleft1= parseInt(jQuery("#column_01").scrollTop()) * 1;
    jQuery("#column_03").scrollTop(scrolledleft1 + scrolledright);

    jQuery("#column_02").scrollTop(scrolledleft + scrolledcenter);
        } else
            scrollColumn1 = true;
    });

   jQuery("#column_02").scrollTop(jQuery("#column_02 .right_container").height());


var scrolledright = parseInt(jQuery("#column_03").scrollTop());

var scrolledcenter = parseInt(jQuery("#column_02").scrollTop());


    jQuery("#column_02").on("scroll", function () {

        if(scrollColumn2) {

            scrollColumn1 = false;
            scrollColumn3 = false;
           var scrolledleft = parseInt(jQuery("#column_02").scrollTop()) * 1;

        var scrolledleft1= parseInt(jQuery("#column_02").scrollTop()) * 1;

            jQuery("#column_03").scrollTop(scrolledleft1 + scrolledright1);

            jQuery("#column_01").scrollTop(scrolledleft + scrolledcenter1);
        } else 
            scrollColumn2 = true;
    });

    var scrolledright1 = parseInt(jQuery("#column_01").scrollTop());

    var scrolledcenter1 = parseInt(jQuery("#column_03").scrollTop());

    jQuery("#column_03").on("scroll", function () {


        if(scrollColumn3) {
            scrollColumn2 = false;
            scrollColumn1 = false;
           var scrolledleft = parseInt(jQuery("#column_03").scrollTop()) * -1;

        var scrolledleft1= parseInt(jQuery("#column_03").scrollTop()) * 1;
          jQuery("#column_01").scrollTop(scrolledleft1 + scrolledcenter2);

          jQuery("#column_02").scrollTop(scrolledleft + scrolledright2);
        } else 
            scrollColumn3 = true;
    });


    jQuery("#column_01").scrollTop(jQuery("#column_01 .right_container").height());

    var scrolledright2 = parseInt(jQuery("#column_02").scrollTop());

    var scrolledcenter2 = parseInt(jQuery("#column_01").scrollTop());

---

请尝试此“我的代码”或访问中的“我的代码”

heightC1=$（'#column_01'）[0]；
heightC2=$（'#column_02'）[0]。滚动高度；
heightC3=$（'#column_03'）[0]。滚动高度；
$（“#column_01”）。滚动顶部（高度C1）；
高度C1=$（“#列_01”）.scrollTop（）；
$（#column_01”）。滚动顶部（0）；
$（“#column_02”）。滚动顶部（高度C2）；
高度C2=$（“#列_02”）.scrollTop（）；
$（“#column_02”）。滚动顶部（0）；
$（“#column_03”）。滚动顶部（高度c3）；
高度c3=$（“#列_03”）.scrollTop（）；
$（“#列_03”）。滚动顶部（0）；
$（#column_01”）。在（“滚动”，函数（）{
var scrollVal=$（“#列_01”）.scrollTop（）；
log（“值滚动：+scrollVal”）；
var百分比=100*scrollVal/高度C1；
控制台日志（“百分比：”+百分比）；
var diff2=高度C2-（高度C2*百分比/100）；
console.log（“Diff2:+Diff2”）；
var valScroll=高度C2-diff2；
console.log（“Valscroll:+Valscroll”）；
$（“#column_02”）.scrollTop（valScroll）；
var diff3=高度C3-（高度C3*百分比/100）；
console.log（“Diff3:+Diff3”）；
var VALCROLL2=高度c3-diff3；
console.log（“Valscroll:+valScroll2”）；
$（“#column_03”）.scrollTop（valScroll2）；
});
#第01列{
背景：无重复滚动0 0#eeeeee；
明确：无；
浮动：左；
保证金：0；
溢出：自动；
填充：2%；
宽度：29%；
溢出x：隐藏；
}
#第02栏{
背景：无重复滚动0 0#eeeeee；
明确：无；
浮动：左；
利润率：0.5%；
溢出：自动；
填充：2%；
宽度：29%；
溢出x：隐藏；
}
#第03栏{
宽度：30%；
浮动：左；
排名：0；
底部：0；
右：0；
位置：固定；
溢出：自动；
溢出x：隐藏；
}
#第01列、第02列、第03列{
高度：300px；
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，从最低限度上来说，我们的实验室是一个普通的实验室。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。知识产权是一种权利，是一种权利，是一种权利，是一种权利。圣奥凯卡铜矿除外，欧盟福利亚无法定财产。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。如果你是一位杰出的政治家，你可以不轻率地暂时介入，但你必须承担你的责任。例外情况下，无法定权利。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。知识产权是一种财富，是一种精英，是一种需要劳动的动物。洛雷姆·伊普苏姆·多洛尔·希特（Lorem ipsum Door sit amet）是一位杰出的宗教领袖，他是一位伟大的宗教领袖。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车