同时滚动内滚动条页面滚动

Question

我有3滚动条divs。如果我们移动一个滚动条并且它到达滚动区域页面的末尾也滚动。

我想解决这个问题。

小提琴。 http://jsfiddle.net/78h8e88x/2/

html, body { 
height: 100%; 
position:relative; 
} 

    body 
{ 

line-height:100px; 
text-align:center; 
} 

    .left 
{ 
    position:absolute; 
    margin-left:5%; 
    margin-top:3%; 
    display:block; 
    height:80%; 
    width:20%; 

    overflow:auto; 
} 

    .center 
{ 
position:absolute; 
margin-left:25%; 
margin-top:3%; 
display:block; 
height:80%; 
width:50%; 

overflow:auto; 
    } 

.right 
{ 
    position:absolute; 
    margin-left:75%; 
    margin-top:3%; 
    display:block; 
    height:80%; 
    width:20%; 

    overflow:auto; 
} 

如果我们移动一个滚动条，且到达滚动区域页面也滚动结束。

Answer 1

默认情况下，body元素的边距为8px（至少在Chrome中）。在你的小提琴的情况下，这使得内容稍大，然后窗口，从而出现一个滚动条。正文将边距设置为0将删除此滚动条。看到j​​sfiddle：https://jsfiddle.net/vbvmLbmq/

这当然只能修复您的小提琴的滚动行为，这是一个窗口大小的问题。您可以完全禁止在html，body元素上滚动，通过向它们添加css规则，但请记住，它还会隐藏流过这些元素高度的任何元素。

在子元素滚动到达最后时继续滚动页面是浏览器应用程序的行为，您无法在页面上使用JavaScript来影响浏览器应用程序的行为。