js如何禁止滚动条，js控制滚动条位置

JS中当弹出一个DIV后,如何禁止滚动和编辑页面???

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

部分安卓机型以及safari中，无法无法阻止底部页面滚动。如果需要应用于移动端，那么你可能需要方案二。方案二就是利用移动端的touch事件Touch对象代表一个触点，可以通过event.touches[0]获取，每个触点包含位置，大小，形状，压力大小，和目标 element属性。

position：fixed； top：0px； left：0px； right：0px；height： 40px；position：fixed；是指定位相对于浏览器窗口， top：0px； left：0px； right：0px，这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

可以通过JS代码，根据id为，$(#id).html()，或者根据class属性获取，把#换成.就可以了。

相关问答

Q1: js禁用滚动条

一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后，我也没好用。最后 终于在外网找到个完美解决方案。根据需求自行修改。

visible： 不剪切内容。hidden： 将超出对象宽度的内容进行裁剪，将不出现滚动条。scroll： 将超出对象宽度的内容进行裁剪，并以滚动条的方式显示超出的内容。auto： 在需要时剪切内容并添加滚动条，此为body对象和textarea的默认值。

css设置外容器的高度 height 或者最大高度 max-height 然后设置 overflow：auto； 超出高度出现滚动条。也可以js对比加载的容器的高度和你需要参照的容器高度，当满足条件时，JS控制外容器的高度或者最大高度，然后 overflow：auto；不知道你是不是这个意思。

，依靠css 将页面 document.documentElement.style.overflow=hidden；document.body.style.overflow=hidden；//手机版设置这个。如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。但是 你用键盘的 上下左右键，你会发现，页面仍然可以滚动。

可以用js或者css实现。js可以监听鼠标的onscroll滚轮事件，事件内可以阻止鼠标的滚轮默认事件。css可以设置元素的pointer-events属性，设置为none则所有鼠标事件失效。

这个网页就会出现滚动条，当光标没放在地图上时，滚动滚轮，页面会上下滚动，跟平时的网易新浪网站差不多，而当光标放在地图上时再滚动滚轮，这时地图捕获到了滚轮 事伯件，进行放大或缩小，可同时页面也捕获到了滚轮事件，页面也会上下滑动，感觉很 别扭。

Q2: javascript如何去掉浏览器的滚动条?垂直的?

1、设置 css overflow：hidden； 就行了。下面参考代码。

2、滚动的原理就是滚动条的移动，当外部区域设置为overflow：hidden，内部快如果超出外部的区域，此时就有滚动条了（只是你没看见而已），这是后只要n毫秒让滚动条移动n个像素，即可看到滚动效果，这时候当然用到var init = setTimeout()函数执行动作，停止滚动的时候就 clearInterval(init)，就停止了。

3、新建一个html文件，用dw或记事本软件新建一个html网页文件，命名为隐藏滚动条，保存在桌面。内隐藏滚动，在标签中写入以下代码，隐藏横向滚动条；overflow-x：hidden；在标签中写入以下代码，隐藏纵向滚动条；overflow-y：hidden；在浏览器中查看效果。

4、在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。给iframe页面添加修饰样式核心代码：p{ height： 50px； line-height： 50px； font-size： 16px；}。

5、那样，超出的部份将被掩盖，实现了不出现横向的滚动条。对纵向的控制，也是相同的。(附：OVERFLOWER---css中的定位属性：overflow 属性值：visible|hidden|scroll|auto 默认值：visible 不适用于百分比值。overflow属性决定了元素的内容在超越它的宽度和高度限制时，浏览器如何处理。

js如何禁止滚动条的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js控制滚动条位置、js如何禁止滚动条的信息别忘了在本站进行查找喔。