js怎么禁止手机html横向滚动条

html-css07

js怎么禁止手机html横向滚动条,第1张

横向滚动条  css也可以解决的  

css 样式:overflow-x:none //x轴的溢出不显示滚动条

                overflow-y:none //y轴的溢出不显示滚动条

                overflow-y:scroll //只针对y轴溢出显示滚动条

你要是加js样式的话就是添加个css样式

     document.getElementById('div').style.overfow-x="none"

本人纯手写 

HTML5的性能已经是老生常谈的问题了。问题的因素有多个,包括硬件、浏览器以及实现方式。硬件会随着移动设备的快速更新而得到改进,甚至在硬件层面,设备有可能针对HTML5进行特殊的支持。浏览器的性能在不断改进中,而应用的实现方式取决于开发者的编程模型和技能,这一部分是可以随着工具、框架的进步和开发水平提升而改进的。

CSS 禁止滚动条,有4种方法,具体如下:

1、完全隐藏

在<boby>里加入scroll="no",可隐藏滚动条;

<boby scroll="no">

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

反之,则显示;

<boby scroll="auto">

3、样式表方法

在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;

加入style="overflow-y:hidden",可隐藏垂直滚动条。

被包含页面里加入

<style>

html { overflow-x:hidden}

</style>

4、另一种方法

<style type="text/css">

body {

overflow-x:hidden

overflow-y:hidden

}

</style>

<style type="text/css">

html {

overflow-x:hidden

overflow-y:hidden

}

</style>