css设置ie不显示滚动条,实现css不显示浏览器滚动轴并且能够兼容ie8浏览器

实现css不显示浏览器滚动轴并且能够兼容ie8浏览器

发布时间：2019-07-31编辑：星王

原创

阅读(475)

实现隐藏浏览器滚动轴的方法，并且能够兼容ie8，和js操作显示和隐藏滚动条。

 css 设置 //兼容ie8

            img{

            width: 100%;

            height: 450px;

            }

            video{

            width: 100%;

            height: 450px;

            }

            body{

            margin: 0;

            height: 100%;

            }

             ::-webkit-scrollbar {

                        width: 0px;

                    }

            html{

            overflow: hidden;

            }

  下面是js的 设置 ://不兼容Ie8

//隐藏浏览器滚动条

document.body.parentNode.style.overflowY = "hidden";

$("body").parent().css("overflow-y","hidden");

//显示浏览器滚动条

document.body.parentNode.style.overflowY = "auto";

$("body").parent().css("overflow-y","auto");

关键字：

css