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

熱點內容
學編程累如何調節 瀏覽:382
圖片傳入iphone 瀏覽:730
rs485雙機通信程序 瀏覽:967
怎麼托日本的朋友買蘋果手機 瀏覽:145
築業電力軟體怎麼倒出文件 瀏覽:572
全民飛機大戰軍銜怎麼升級 瀏覽:431
公司自動化編程屬於什麼 瀏覽:925
位位用車app在哪裡下載 瀏覽:427
格式工廠iphone鈴聲 瀏覽:171
linux設置字元編碼 瀏覽:15
帝王世紀升級哪個兵種 瀏覽:409
c編程開發軟體是什麼 瀏覽:334
二的大寫怎麼寫app 瀏覽:612
樂視數據刪除了怎麼找回來 瀏覽:651
ug編程初始化怎麼辦 瀏覽:295
nginxajax配置文件 瀏覽:467
小程序獲取二進制圖片 瀏覽:206
為什麼有的數控車編程有百分號 瀏覽:425
m文件有什麼用 瀏覽:359
宜昌做投標文件多少錢 瀏覽:166

友情鏈接