Javascript 滚动条句柄不可见

滚动条手柄在我的页面中不可见。我已经尝试将overflow-x设置为auto并为#cust1和#cust2 div滚动

我还需要五个div的有他们的水平滚动控制从一个滚动条在页面底部。（Div的#1、#2、#3、#4和#custimeline）我不希望每个客户Div都有滚动条

请帮忙

var c=document.getElementById（“custTimeline”）；
var ctx=c.getContext（“2d”）；
ctx.font=“20px格鲁吉亚”；
ctx.save（）；
ctx旋转（-90*Math.PI/180）；
var baseLoc=130；
可变工时=[“上午5点”、“上午6点”、“上午7点”、“上午8点”、“上午9点”、“上午10点”、“上午11点”、“中午12点”、“下午1点”、“下午2点”、“下午3点”、“下午4点”、“下午5点”、“下午6点”、“下午7点”、“晚上8点”、“晚上9点”、“晚上10点”、“晚上11点”、“下午12点”]；
对于（i=0；i
#标题{
位置：固定；
顶部：0px；
左：0px；
宽度：100%；
高度：100px；
背景：浅灰色；
}
#卡斯特1{
位置：固定；
左：0px；
顶部：160px；
宽度：1500px；
高度：150像素；
背景：浅灰色；
溢出-x：滚动；
溢出y：隐藏；
边缘底部：10px；
}
#一个{
宽度：8%；
高度：150像素；
背景：darkgrey；
浮动：左；
文本对齐：居中；
}
#两个{
左边缘：25%；
宽度：35px；
高度：150像素；
背景：绿色；
}
#客户2{
位置：固定；
顶部：320px；
左：0px；
宽度：1500px；
高度：150像素；
背景：浅灰色；
溢出-x：滚动；
溢出y：隐藏；
}
#三{
宽度：8%；
高度：150像素；
背景：darkgrey；
浮动：左；
文本对齐：居中；
}
#四{
左边距：15%；
宽度：35px；
高度：150像素；
背景：绿色；
}


客户1


客户2

由于
#cust1
的宽度为1500px，因此只有当其内容超过1500px时才会显示滚动条，目前滚动条的总宽度仅为8%（
#one
）+25%+35px（
#two
）

如果要滚动，请更改此选项

#cust1 {
    position: fixed;
    left: 0px;
    top: 160px;
    width: 100vw;                    /*  changed property  */
    height: 150px;
    background: lightgrey;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 10px;
}
#two {
    margin-left: 25%;
    width: 1000px;                   /*  changed property  */
    height: 150px;
    background: green;
}



根据评论更新

要让一个滚动更新另一个滚动，这里有一种方法，使用jQuery

$(document).ready(function(){
    $( window ).scroll(function(){
        var position = $( this ).scrollLeft();
        $("#first").scrollLeft(position);
        $("#second").scrollLeft(position);
    });
});

绿色区域是到达时间的指示器，它们应该很窄。#cust1和#cust2 div分别设置为1500px，这本应强制滚动条但不起作用。@mike滚动条不是这样工作的。。。由于#cust1和#cust2具有
òverflow:auto
，当它们的内容大于它们的宽度时，它们可以滚动（活动滚动条），而不是因为它们本身比视口宽。。。这就是为什么我将它们设置为
100vh
，并使内容更广泛，所以您可以看到它是如何工作的。谢谢您，我理解。我在“cust1”和“cust2”内部创建了另一个长div，称为“filler1”和“filler2”，并将它们的不透明度设置为0。现在关于我问题的另一部分，我如何使“custTimeline”的滚动条同时控制“cust1”和“cust2”？我创建了这个概念证明，但我无法将其应用到更大的示例中@mike嗯，有两件事，第一，jQuery没有加载，第二，你需要滚动#cust1和#cust2，因为它们是滚动的对象。。。