Javascript 隐藏启用滚动的滚动条

在下面的代码中，我有两个块，当我滚动右块时，我保持左块的滚动位置。这里我只想隐藏左块的滚动条

任何帮助都会很好

$（函数（）{
$（'#two'）。滚动（函数（）{
var bodyScrollTop=$（this.scrollTop（）；
$（'#一'）.scrollTop（bodyScrollTop）；
});
});
td{
宽度：50px；
}
.1、.2{
高度：120px；
宽度：200px；
溢出y：自动；
}
.一{
浮动：左；
}

1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111

使用这个css

：：-webkit滚动条{
宽度：0px；
背景：透明；/*使滚动条透明*/
}


$（函数（）{
$（'#two'）。滚动（函数（）{
var bodyScrollTop=$（this.scrollTop（）；
$（'#一'）.scrollTop（bodyScrollTop）；
});
});
td{
宽度：50px；
}
.1、.2{
高度：120px；
宽度：200px；
溢出y：自动；
}
.一{
浮动：左；
}
#一：：-webkit滚动条{
宽度：0px；
背景：透明；/*使滚动条透明*/
}

1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
您只需将overflow-y:hidden设置为.one类，因为您是通过编程方式滚动它的

.one{
  float:left;
    overflow-y:hidden;
}


$（函数（）{
$（'#two'）。滚动（函数（）{
var bodyScrollTop=$（this.scrollTop（）；
$（'#一'）.scrollTop（bodyScrollTop）；
});
});
td{
宽度：50px；
}
.1、.2{
高度：120px；
宽度：200px；
溢出y：自动；
}
.一{
浮动：左；
溢出y：隐藏；
}

1.
1.
1.
1.
1.
1.
1.
1.
2.
1.
2.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
使用
溢出
属性：

.one {
    float: left;
    overflow: hidden;
}

例如：


$（函数（）{
$（'#two'）。滚动（函数（）{
var bodyScrollTop=$（this.scrollTop（）；
$（'#一'）.scrollTop（bodyScrollTop）；
});
});
td{
宽度：50px；
}
.1、.2{
高度：120px；
宽度：200px；
溢出y：自动；
}
.一{
浮动：左；
溢出：隐藏；
}

1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111
1111

$（函数（）{
$（'#two'）。滚动（函数（）{
var bodyScrollTop=$（this.scrollTop（）；
$（'#一'）.scrollTop（bodyScrollTop）；
$（'#one'）.css（“overflow-y”，“hidden”）；
});
});
$（'#one'）。悬停（函数（）{
$（'#one'）.css（“overflow-y”，“auto”）；
});
td{
宽度：50px；
}
.1、.2{
高度：120px；
宽度：200px；
溢出y：自动；
}
.一{
浮动：左；
}

1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
1.
如果滚动条的宽度始终为20px，那么Firefox、IE和EdgeOnly的情况如何：）这并不总是这样的例子-感谢您的回复，当滚动到左侧块时，我们可以使两个块都滚动。现在这有点困难了。查看其中包含多个解决方案。请注意，某些解决方案可能需要特定于供应商的前缀，如
-webkit-
。这些只适用于特定的浏览器（例如
-webkit
只适用于基于webkit的浏览器，包括Chrome和Safari，但不适用于Firefox）。感谢您的努力。我会调查一下的！