❶ js怎么禁止手机html横向滚动条
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前台开发问题,怎么设置使页面的滚动条不滚动,看详细描述
如果是禁止widows的滚动条,使用下面的方法:
var scrollFunc=function(e){
e=e||window.event;
if (e&&e.preventDefault){
e.preventDefault();
e.stopPropagation();
}else{
e.returnvalue=false;
return false;
}
}
关于嵌入svg图像后,onmousedown事件失效?这个就不好说了,如果真是这样,尝试一下使用addEventListener方法为div增加事件,而不是使用onmouseXX系列属性赋值的方式。
❸ javascript如何禁止鼠标向下滚动
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>判断滚动条的滚动方向</title>
<scriptsrc="http://www.sucaijiayuan.com/statics/97zzw/js/jquery.js?v=1.83.min"type="text/javascript"></script>
<script>
varinitTop=0;
$(window).scroll(function(){
varscrollTop=$(document).scrollTop();
if(scrollTop>initTop){
$("body").scrollTop(0);
}else{
$("body").scrollTop(0);
}
initTop=scrollTop;
});
</script>
</head>
<bodystyle="height:3000px;">
</body>
</html>
把代码复制到本地运行一下看看。
❹ 怎么通过js禁止页面滚动
这个要看你自己的需求是什么。如果单纯的是想在某个模块不要滚动的话直接overflow:hidden就可以。如果需要整个页面都不想要浏览器的滚动行为可以用JS阻止浏览器行为,比如:
event.preventDefault();//firefox等
event.returnValue=false;//IE系列
❺ js 如何显示滚动条,但是禁止滚动条滚动
要显示滚动条但不可用,只是没有办法实现的。
❻ 用JS怎么禁止window对象的滚动条滚动
以下代码我在IE,FF,OPERA等浏览器之中测试通过……希望对你有帮助~~
<div id="objDiv" style="width:400px;height:300px;background:red">鼠标移上来滚动条滑轮看看</div>
<script type="text/javascript">
var scrollFunc=function(e){
e=e||window.event;
if (e&&e.preventDefault){
e.preventDefault();
e.stopPropagation();
}else{
e.returnvalue=false;
return false;
}
}
var obj=document.getElementById("objDiv");
if(obj.addEventListener&&!window.opera)
obj.addEventListener('DOMMouseScroll',scrollFunc,false);
else
obj.onmousewheel=scrollFunc;
</script>
<script>
//创建500个换行<br>测试一下!
for (var i=0 ;i<500;i++){
document.write("<br>");
}
</script>