Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用

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做给你看
1
2018-06-04

1 个评论

感谢分享。

要回复文章请先登录注册