❶ 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>