導航:首頁 > 編程語言 > 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手機端去除頁面滾動條相關的資料

熱點內容
90版本升級不送 瀏覽:186
工具箱英文 瀏覽:382
南翔嘉定編程課哪裡好 瀏覽:853
win10改變文件格式 瀏覽:475
linux中的物理地址和虛擬地址 瀏覽:493
有哪些app可以接游戲訂單 瀏覽:472
蘋果硬碟數據恢復要多少錢 瀏覽:394
js綁定下拉框資料庫數據 瀏覽:448
cad文件怎麼復制到另一個文件里邊 瀏覽:858
dxp鑽孔文件 瀏覽:631
iphone大悅城換機 瀏覽:538
找結婚對象上什麼網站 瀏覽:974
學生信息管理系統程序設計報告 瀏覽:640
微信文件怎麼刪除怎麼恢復 瀏覽:407
編程程序怎麼復制 瀏覽:467
文件更改 瀏覽:327
冰點文件路徑 瀏覽:730
軟體一點開文件就關閉 瀏覽:88
網路如何把人捧紅 瀏覽:961
軟體傳輸文件 瀏覽:184

友情鏈接