Ale*_*yev 141
如果你需要动态隐藏和显示滚动条,你可以使用
$("body").css("overflow", "hidden");
和
$("body").css("overflow", "auto");
你代码中的某个地方.
小智 114
function reloadScrollBars() {
document.documentElement.style.overflow = 'auto'; // firefox, chrome
document.body.scroll = "yes"; // ie only
}
function unloadScrollBars() {
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
}
Ray*_* Lu 47
试试CSS
<body style="overflow: hidden">
Ant*_*nes 31
到目前为止,我们已经溢出:隐藏在身体上.然而IE并不总是尊重它,你需要在body元素上放置scroll ="no"和/或放置overflow:隐藏在html元素上.
当你需要"控制"视口时你可以做到这一点,你可以做到这一点: -
<style>
body {width:100%; height:100%; overflow:hidden; margin:0; }
html {width:100%; height:100%; overflow:hidden; }
</style>
在主体中授予高度100%的元素具有窗口视口的完整高度,并且元素绝对使用底部定位:nnPX将被设置在窗口底边上方的像素等处.
小智 11
试试CSS.
如果要删除水平
overflow-x: hidden;
如果你想删除垂直
overflow-y: hidden;
如果您还需要Internet Explorer 6的支持,只需溢出html即可
$("html").css("overflow", "hidden");
和
$("html").css("overflow", "auto");
在IE的现代版本(IE10及更高版本)中,可以使用-ms-overflow-style属性隐藏滚动条.
html {
-ms-overflow-style: none;
}
在Chrome中,可以设置滚动条的样式:
::-webkit-scrollbar {
display: none;
}
如果您想在Web应用程序中使用"默认"正文滚动,这非常有用,这比使用快得多overflow-y: scroll.
小智 5
IE 的滚动条有一些错误。因此，如果您想要两者中的任何一个，则必须包含以下内容以隐藏水平滚动条：
overflow-x: hidden;
overflow-y:scroll;
并隐藏垂直：
overflow-y: hidden;
overflow-x: scroll;
| 归档时间： |
|
| 查看次数： |
262572 次 |
| 最近记录： |