Question

我想知道是否有办法通过css或javascript强制滚动条出现在网站内容的顶部（如z-index 9999），而不是将所有元素移到左边？我的设计在左侧有一个空白区域，无论分辨率或屏幕大小如何，所以与滚动条出现/消失时施加的左/右移动不变相比，这不会有问题。

如果不是，我会简单地使用overflow-y：scroll方法，但如果可能的话，另一种解决方案会很好：）

感谢您的回复！

Answer 1

Mike＆＃39; Pomax＆＃39; Kamermans已经提到过...滚动条移动内容是非常基本的浏览器行为，不应该真的打扰任何人。尽管如此，我们可以通过使用一些js或jquery使其看起来好像滚动条出现在内容上方。

我们的想法是在内容没有溢出时添加填充以替换滚动条。例如：

// If there is no scrollbar, add some padding to replace it.
if ($(document).height() > $(window).height()) {
    $('body').css('padding', 'none');
} else {
    $('body').css('padding', '0 '+scrollbarwidth+'px 0 0');
}

有关工作示例，请参阅此jsfiddle。

注意：调整大小时会出现一些闪烁，无法修复。它似乎与窗口宽度有关。也许其他人可以弄清楚导致这种情况的原因。

强制滚动条覆盖页面内容？

1 个答案: