導航:首頁 > 編程語言 > js禁止滾動條滾動

js禁止滾動條滾動

發布時間:2023-03-05 15:11:47

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>

閱讀全文

與js禁止滾動條滾動相關的資料

熱點內容
db2查看資料庫字元集 瀏覽:449
小米私密文件移出後找不到 瀏覽:775
紅底白色的心是什麼app的標志 瀏覽:163
小冤家APP角色怎麼變回家長 瀏覽:822
夢幻西遊合寵模擬器網站是什麼 瀏覽:420
諾基亞930最新版本 瀏覽:201
ps製作主kv文件過大 瀏覽:884
車端面如何編程 瀏覽:279
win10u盤備份時間長 瀏覽:617
文件夾怎麼轉換為pdf 瀏覽:502
2008打開登錄密碼忘記了 瀏覽:771
蘋果7如何授權應用程序 瀏覽:899
怎樣把舊的文檔保存到桌面文件夾 瀏覽:827
wps雲數據如何恢復 瀏覽:496
微信發送過來文件 瀏覽:300
怎麼改合同網站 瀏覽:73
網路鬥地主記牌器怎麼實現的 瀏覽:377
ps鏡像文件製作教程 瀏覽:45
系統分頁文件大小設置多少 瀏覽:447
win10有線無法上網 瀏覽:339

友情鏈接