G4b*_*i3l 14 html css scrollbar web
假设我有一个静态网页并且整个页面被包装,让我们说在700px的宽度内,现在如果页面的内容太长,那么(显然)会出现一个滚动条.但是滚动条的外观会将所有内容移动到左侧,就像几个像素一样(需要适合页面右侧的滚动条).我想要做的是删除这个"移动"效果,这样如果需要滚动条,这不会以任何方式影响页面的内容.
我不知道我是否清楚自己.
让我们说这是一个网页:
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
这就是滚动条的外观:
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ...... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
但是我想要这样的东西:
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
| ......... contentcontent ...... | |
点代表空白,内容代表网页内容,右边的列代表滚动条.
您可以overflow-y: scroll为您的身体设置规则.这将始终显示一个垂直滚动条,除非内容足够长以便滚动,否则它将被禁用.这样,当内容足够长以至于你可以实际滚动并且不需要编写脚本来完成这项工作时,内容不会向左移动.