导航:首页 > 编程语言 > 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手机端去除页面滚动条相关的资料

热点内容
jsin类型可以传数值吗 浏览:532
win10文件从左边滑出 浏览:53
win10关机后桌面文件丢失 浏览:266
watch卸载自带应用程序 浏览:292
有什么plc自学网站 浏览:219
176纯金币假人版本 浏览:334
红米note4微信计步代码 浏览:259
站长之家有app吗 浏览:912
office应用视频教程 浏览:690
html数据库有哪些 浏览:489
钢笔工具线不会变细 浏览:762
access2010数据库上机 浏览:686
flstudio录音教程 浏览:457
图形编程软件哪个好用 浏览:393
要怎么重新下载而且不保存数据 浏览:188
手机软件下载后文件在哪 浏览:515
日版苹果6黑解 浏览:799
jsp中获取mac 浏览:617
win7word备份 浏览:160
4S访问密码是写在哪里的 浏览:606

友情链接