Question

有没有办法让浏览器垂直滚动条具有绝对位置？

我的问题是，滚动条会在我的布局中出现问题时更改网站的宽度。

我不想删除它，我只想让它的宽度不会扰乱我的布局..

谢谢！

Answer 1

仅在Safari和Chrome（即Webkit）中，您还可以使用：

html{
    overflow-y: overlay;
}

只有在必要时才会添加滚动条，并将其放在您的内容上方，这意味着它不会打扰您的布局。但请谨慎使用，它是专有的且无证件的。

Answer 2

要在滚动条出现时停止移动布局，您可以使用下面的CSS来始终显示滚动条。

html{
    overflow-y: scroll;
}

Answer 3

始终显示它以免打扰您的布局。这就是谷歌所做的;）

Answer 4

由于没有人提及它，如果您想在{em>（例如Chrome和Safari）可用时使用overlay，而在scroll不可用时回退到html { overflow-y: scroll; overflow-y: overlay; }使用以下内容。

  <CheckBox FlowDirection="RightToLeft" Grid.Row="9"
            IsChecked="{Binding StopImmediately}" 
            Margin="-30,15,5,0">
            <TextBlock FlowDirection="LeftToRight" Text="Stop Immediately" />
        </CheckBox>

垂直滚动条位置绝对

4 个答案: