文章标题

浏览器下方滚动条设置CSS的时候只能用overflow-x: hidden;来隐藏下方滚动条,而实际上我需要的是让窗口小于一个数值的时候,显示滚动条。
后面在搜索的时候找到解决方案,但是并不理想,先放上来,等找到更好的再更新。

$(function() {
    Resize = function() {
        var wid = $(window).width();
        $('body').css({
            "width": wid,           
            "overflow-x": "hidden"
        });
        if(wid < 1200) {
            $('body').css({
                "overflow-x": "auto"
            });
        }
    };
})

需要引入JQuery文件,并在body标签中加入

<body onload="Resize()" onresize="Resize()">

最后效果不甚满意。不过还算满足自己的需要了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值