javascript禁用浏览器滚动条
有时候网页页面有横线滚动条,这个除非是甲方提出了这个要求,否则是不容许有这个横线滚动条的,而有时候css里面给body设置‘overflow-x:hidden;’却无效,那么可以考虑一下js,这里有四个属性可以设置:
document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条
document.body.parentNode.style.overflow = “auto";//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“;//隐藏横向滚动条
document.body.parentNode.style.overflowX = ”auto“;//开启横向滚动条
document.body.parentNode.style.overflowY = ”hidden“;//隐藏纵向滚动条
document.body.parentNode.style.overflowY = ”auto“;//开启纵向滚动条
之前这个也没试过,一般就是样式表里hidden一下,今天试了一下这个js设定滚动轴,给人体验感觉就是权重高,css做不到的,js做给你看
document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条
document.body.parentNode.style.overflow = “auto";//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“;//隐藏横向滚动条
document.body.parentNode.style.overflowX = ”auto“;//开启横向滚动条
document.body.parentNode.style.overflowY = ”hidden“;//隐藏纵向滚动条
document.body.parentNode.style.overflowY = ”auto“;//开启纵向滚动条
之前这个也没试过,一般就是样式表里hidden一下,今天试了一下这个js设定滚动轴,给人体验感觉就是权重高,css做不到的,js做给你看
1 个评论
感谢分享。