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

手机的html有横向滚动条,怎么用js禁止横向滚动条。能不能写个js代码发给我~

横向滚动条  css也可以解决的  
css 样式:overflow-x:none; //x轴的溢出不显示滚动条
                overflow-y:none; //y轴的溢出不显示滚动条
                overflow-y:scroll; //只针对y轴溢出显示滚动条
你要是加js样式的话就是添加个css样式
     document.getElementById('div').style.overfow-x="none";

本人纯手写 

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-12-24
html,body同时设为overflow:hidden。

css样式部分:
.ovfHiden{overflow: hidden;height: 100%;}

jquery部分:
$('html,body').addClass('ovfHiden'); //使网页不可滚动
$('html,body').removeClass('ovfHiden'); //使网页恢复可滚动
也可以通过
可以通过样式overflow-x来控制横向滚动条的出现与否,语法如下:
overflow-x:<overflow-style>
<overflow-style> = visible | hidden | scroll | auto
默认值:visible
取值:
visible: 不剪切内容。
hidden: 将超出对象宽度的内容进行裁剪,将不出现滚动条。
scroll: 将超出对象宽度的内容进行裁剪,并以滚动条的方式显示超出的内容。
auto: 在需要时剪切内容并添加滚动条,此为body对象和textarea的默认值。 说明:检索或设置当对象的内容超过本回答被网友采纳

javascript如何去掉浏览器的滚动条?垂直的?
方法一:设置CSS属性overflow为hidden。<body style="overflow:hidden"> 方法二:设置body元素的scroll属性为no。<body scroll="no"> 如果只想隐藏横向或纵向上的滚动条,可以用overflow-x或overflow-y来设置。

为什么网页上加上js脚本出现横向滚动条
一般出现滚动条 只要把直接包含的<div><table>等的width不要100%就行了 也就是 外层的width = 900, 直接包含的<div><table>等只要895 或者99 例如:<iframe src="xxx.html"> <\/iframe> xxx.html:<div width="99%"><table width="100%"><\/table><\/div> <table width = "99%"><\/t...

js设置横向滚动条
用不着js,给最外层的div加一个min-width就可以了,这样设置后 当页面屏宽度缩小后,会自动出现滚动条。

html在不一样大小的屏幕显示有横向滚动条
你好 这种情况是在分辨率大小不同的情况下产生的 css可以解决 就是你内部宽度不能用固定的px了 要用 百分比来算 比如 原来外部大框架 div width:1350px 那么现在就只能写 width:100%了 这样才会按比例缩放 希望能帮到你 谢谢

js监听横向滚动条事件
你要监听的对象错误了。你要监听的是fixedDom var fixedDom = document.getElementById('fixed');fixedDom.addEventListener('scroll',winScroll,false);function winScroll(e){ debugger if(fixedDom.offsetLeft < document.body.scrollLeft){ }; if(fixedDom.offsetLeft > document.body....

JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值?_百度知 ...
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:('body').append('height: ' + $(document).height() + '<br\/>');('body').append('width: ' + $(document).width());3、浏览器运行index.html页面,此时会...

html 自动显示横向滚动条
overflow:auto; \/*需要的时候会出现滚动条*\/ overflow-x:auto; \/*控制X方向的滚动条*\/ overflow-y:auto; \/*控制Y方向的滚动条*\/ 示例:<HTML> <HEAD> <TITLE>测试表格内的滚动条<\/TITLE> <\/HEAD> <BODY> <table> <tr> <td>表格内的滚动条:<\/td> <td> <div id="wins"style="...

js如何获取滚动条的高度
给你贴两个JS函数,专门用来获取网页滚动高度和滚动宽度的:\/\/获取网页纵向滚动高度function getScrollTop(){ var D = document;return Math.max(D.body.scrollTop,D.documentElement.scrollTop)}\/\/获取网页横向滚动宽度function getScrollLeft(){ var D = document;return Math.max(D.body.scrollLeft,...

请教一个关于js控制全屏一屏一屏滚动的问题
这种样子的应该是CSS实现的. 第一个,顶到头,是设置了body的style的margin: 0px;表示body边距为0.一般不设置的话,貌似默认大概是15. 第二个,不出现横向滚动条,如果本来是页面刚好和浏览器一样宽,当然不会有滚动条(那个网站好像是没有顶到头吧...)...

怎么才能让网页保持全屏?(而且不出现横向滚动条?)
第一个,顶到头,是设置了body的style的margin: 0px;表示body边距为0.一般不设置的话,貌似默认大概是15.第二个,不出现横向滚动条,如果本来是页面刚好和浏览器一样宽,当然不会有滚动条(那个网站好像是没有顶到头吧...),如果是超出了的但没有滚动条,应该是设置了HTML标签style的overflow属性,比如...

相似回答