导航:首页 > 编程语言 > js手机端去除页面滚动条

js手机端去除页面滚动条

发布时间:2023-09-01 12:53:55

js怎么禁止点击滚动条(仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的)

<body scroll="no"> //关闭滚动来条,没有滚动条就源无所谓拖动滚动条了

再加上
<script>
var oBody=document.body;
oBody.onmousewheel=function (){
var ch=-1; //滚动幅度,负数表示鼠标上滚,页面上滚;正数表示鼠标下滚,页面反而上滚
oBody.scrollTop+=event.wheelDelta*ch;
}
</script>
加滚动鼠标的事件来调整页面就OK了

不关闭滚动条的话,倒还有种方法可行,不过拖动滚动条时页面会闪烁,不够完美。
<script>
var o=document.body; //这里可以是其他任何元素
var st=0;
setInterval(setScrollTop,100);
o.onmousewheel=function (){
var ch=-1;
st=st+event.wheelDelta*ch;
}
function setScrollTop(){
o.scrollTop=st;
}
</script>

⑵ cocos 3.10 JS 如何去掉ListView的默认滚动条

setScrollbarFadingEnabled(true);
Define whether scrollbars will fade when
the view is not scrolling.

不活动的时候内隐藏,活动的时候显示

setVerticalScrollBarEnabled(true);

不活动的时候隐藏,活动的时候也隐容藏

<ScrollView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<TextView android:id="@+id/showhtml"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</ScrollView>

android:scrollbars="none"与

setVerticalScrollBarEnabled(true);

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

这个可以用CSS实现 你可以用JS操作CSS
方法一:设置CSS属性overflow为hidden。内
<body style="overflow:hidden">容
方法二:设置body元素的scroll属性为no。
<body scroll="no">
如果只想隐藏横向或纵向上的滚动条,可以用overflow-x或overflow-y来设置。

⑷ 怎么通过js禁止页面滚动

onmousewheel="return false;">
禁用滚动事件测试: <html>
<head>
</head><body onmousewheel="return false;">
<p>
<p> v
<p> v
<p>

</body>
</html>

⑸ 完美解决js 禁止滚动条滚动,并且滚动条不消失,页面大小不闪动

当前的项目遇到了这个问题,

当打开dialog的时候,希望主页面的滚动条不要滚动。

一番搜索之后,发现大家的解决办法分为两种。

一种就是隐藏滚动条 ,但稿培袜是这样的话,前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

这就使得每次一打开dialog页面就会伸缩。十分难受。

第二种 就是不知道从哪儿抄的这种方法。

一番修中租改之后,我也没好用。

最后 终于在外网找到键激个完美解决方案。

根据需求自行修改。

*(在scrollTo方法中,最好加上behavior:'instant')

⑹ JavaScript如何屏蔽页面的滚动

1、阻止所有能导致页面滚动的事件。//scroll不能阻止,只能阻止mousewheel,鼠标拽滚动条回就悲剧了;
2、bodyoverflow:hidden//win下右答侧滚动条会消失导致页面横移,移动端阻止不了;
3、把滚动部分单独放在一个div里,和弹出部分同级,body和window同高。//所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博顶栏)会压在内容区滚动条上;
4、弹出时算scrollTop,给内容区fix然后top移动到目前位置,同时body给一个overflow-y:scroll强撑出滚动条。

⑺ 【百分】如何用js去掉网页的滚动条

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---去掉窗体滚动条的方法</title>

</head>

<body scroll="no">
</body>

</html>

阅读全文

与js手机端去除页面滚动条相关的资料

热点内容
ps3文件分割视频 浏览:280
微信图片一键转发软件 浏览:331
如何判断s200plc编程电缆 浏览:691
太原编程培训班哪个好 浏览:171
树叶吹奏教程 浏览:6
社交app带来了哪些社会问题 浏览:394
如何安装爱宝8800数据采集器 浏览:712
文件保存了怎么找不到了 浏览:476
彩票网站怎么辨真假 浏览:840
pr找不到该文件 浏览:963
java移除panel 浏览:354
jsp填充jsp 浏览:166
海关外贸大数据在哪里查 浏览:381
思特奇java笔试题 浏览:121
葫芦侠在手机中的文件名 浏览:813
plc编程应该怎么收钱 浏览:584
c语言中源文件由什么组成 浏览:890
linuxhttpdphp配置文件 浏览:607
拆单数据要怎么保存 浏览:17
mac电脑怎样压缩文件到100m 浏览:645

友情链接