如何设置css强制不显示滚动条,当且仅当浏览器窗口缩小到1000px时才显示滚动条

如何设置css强制不显示滚动条,当且仅当浏览器窗口缩小到1000px时才显示滚动条,(注:网页中内容超过1000px,所以不能把div设置成1000px现在的div宽度为... 如何设置css强制不显示滚动条,当且仅当浏览器窗口缩小到1000px时才显示滚动条,(注:网页中内容超过1000px,所以不能把div设置成1000px现在的div宽度为1048,我想要当浏览器缩小到1000px的时候才显示滚动条而不是缩小到1000px就显示滚动条。)求大神解答啊,万分感激
上面“而不是缩小到1000px就显示滚动条“这句说错了,应该为”而不是缩小到1048px就显示滚动条“
展开
 我来答
鸟总Raynal
推荐于2017-11-26 · TA获得超过2144个赞
知道小有建树答主
回答量:1334
采纳率:40%
帮助的人:714万
展开全部

纯CSS是做不到的,要用到js

html:在body里添加一个执行函数,在窗口大小发生变化的时候执行

<body onResize="Resize()">
$(function(){
    var wwww = $(window).width(),
        hhhh = $(window).height();
    $("body").css({
        "width":wwww,
        "height":hhhh,
        "overflow":"hidden"
    });
    Resize = function(){
        wwww = $(window).width();//这里用Jquery  
        if(wwww<=1000){
            $("body").css({
                "overflow":"auto"
            });
        }     
    };
});
追问

好像不对哦,缩小后成这样子了

追答
$(function(){
    Resize = function(){
        var wwww = $(window).width(),
            hhhh = $(window).height();
        $("body").css({
            "width":wwww,
            "height":hhhh,
            "overflow":"hidden"
        });
        if(wwww<=1000){
            $("body").css({
                "overflow":"auto"
            });
        }     
    };
});

 

<body onLoad="Resize()" onResize="Resize()">
S人间烟火
2013-08-27 · TA获得超过476个赞
知道小有建树答主
回答量:834
采纳率:50%
帮助的人:200万
展开全部
你问的比较复杂
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式