html切换到手机时隐藏,【Web前端问题】html页面调到手机自适应之后html，body的overflow=‘hidden’不起作用了。...

html页面调到手机自适应之后html，body的overflow=‘hidden’不起作用了。

经过调试看见overflow=’hidden’是生效的，但是网页有横向滚动条，可以拖动。

就像下面的图片：

相关代码

Menu

Home

Dating Sites

Bi-Stories

Forums

• Bicurious Dating
• Dating Tips
• Blog
• Subscribe

html,body{margin: 0;padding: 0;overflow:auto;overflow-x: hidden;}

var LeftBar =document.getElementsByClassName('left-bar')[0]

var BoDy = document.body

var TabBar = document.getElementById('tab-bar')

var BarClose = document.getElementsByClassName('bar-close')[0]

var phoneMask = document.getElementsByClassName('mask')[0]

TabBar.onclick = function () {

if (phoneMask.style.display=="block") {

BoDy.style.marginLeft = "00px"

LeftBar.style.left = "-300px"

phoneMask.style.display = "none"

document.documentElement.style.overflow = 'scroll';

//BoDy.style.position = 'relative'

}

else {

BoDy.style.marginLeft = "300px"

LeftBar.style.left="-2px"

phoneMask.style.display = "block"

document.documentElement.style.overflow='hidden';

//BoDy.style.position = 'fixed'

}

}

BarClose.onclick = function () {

BoDy.style.marginLeft = "00px"

LeftBar.style.left="-300px"

phoneMask.style.display = "none"

document.documentElement.style.overflow='scroll';

//BoDy.style.position = 'relative'

}

怎么样才能让页面不会横向拖动呢？

回答：

不是body的滚动条。

看看哪个元素的宽度大于父元素的宽度， 然后给那个元素加overflow:hidden

你找找是谁产生的滚动条， 你这代码也跑不起来啊。

回答：

只能一个元素一个元素的找了。

想要一刀切可以给html和body设置定宽。。。