window.resize的某些东西

好吧，其实我是来求教的
问：
如何用js控制滚动条的出现，即将页面宽度缩小到一定的数值宽度的时候出现滚动条，大于那个数值的时候不出现。急！！！

window发生onresize事件时用js判断浏览器可见区宽度，控制body的css属性overflow即可。
如（注意兼容性）：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
window.onload = function(){
window.onresize = function(){
if(document.body.clientWidth < 800){
document.body.style.overflow = *scroll*;
}else{
document.body.style.overflow = *visible*;
}
}
}
</script>
</head>
<body>
</body>
</html>

不感兴趣

开通SVIP免广告

楼上正解，但是会出现一个非常郁闷的bug，@我我就告诉你！

resize事件会在浏览器窗口每改变1像素的时候都触发，FF好像是在释放鼠标前触发一次，这就意味着你的事件处理程序会在短时间内执行成千上万次，如果是大量运算，可能造成浏览器严重卡顿，解决办法是延迟执行事件处理程序。

如果你不相信，你试试这样：
window.onresize=function(){document.body.innerHTML+="resize<br />"};

给个auto样式得了～这么较真

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

10回复贴，共1页

<<返回javascript吧

分享到:

日	一	二	三	四	五	六