如何将滚动条连接到div内的datagrid的右侧？

Question

我创建包含一个DataGrid像这样一个滚动div： -

<div id="myDiv" 
    style="overflow: auto; height: 300px; " 
    onscroll="myFunction();"> 
    <asp:DataGrid id="gradesGrid" 
    . 
    . 
    . 
    </asp:DataGrid> 
</div> 

和滚动条出现适当。但我并不喜欢div的内容，正如我所希望的那样，它掩盖了DataGrid的右边缘。这会导致出现令人讨厌的水平滚动条。有什么方法可以说服div将滚动条连接到DataGrid的外部，而不是顶部？

Answer 1

据我所知目前不支持。

如果你不介意在你的DIV垂直滚动条略有切断简单地套用以下内容：

overflow-x: hidden; 

要隐藏水平滚动条（段），或增加尺寸你的div =滚动条的像素宽度。也许实现一些填充？

padding-right: <value of the width of the scrollbar>; 

编辑： *我建议填充的原因是因为你说你希望它在外面，这对于现在你不能这样做，但如果是在外面的其他内容将不得不为使用边距或填充进行调整 - 所以真的没关系（这可能是您无法将滚动条置于首位的原因）。

E.g.如果外面有滚动条，并且宽度为10px，则您需要在其他某个div上或其旁边的任何规则的边上添加一个10px的边界，以“触摸”该滚动条。在包含元素上添加填充更容易。* 编辑结束。

您还可以设置WebKit的滚动条，例如宽度：

::-webkit-scrollbar 
{ 
    width: 10px; 
    height: 10px; 
} 

这是一个很夸张的例子：http://jsfiddle.net/eFhnN/