您现在的位置:首页 >> 前端 >> 内容

浏览器下方滚动条设置教程

时间:2017/7/13 11:50:39 点击:

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

浏览器下方滚动条设置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标签中加入


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

作者:网络 来源:ivoids的博客
  • 上一篇:git简单操作
  • 下一篇:时间对象格式转换