禁用滾動條並啓用滾動鼠標滾輪和僅滾動

是否可以從瀏覽器禁用滾動條，並允許用戶只使用鼠標滾輪滾動網頁並觸摸滾動（在移動設備中）以移動divs上下？禁用滾動條並啓用滾動鼠標滾輪和僅滾動

基於這種思想：

HTML：

<style> 
html, body { 
height: 100%; 
} 
div { 
width: 100%; 
height: 100%; 
background-size: cover; 
} 
</style> 
<body> 
<div id="div01" style="background: red"></div> 
<div id="div02" style="background: blue"></div> 
<div id="div03" style="background: green"></div> 
</body>

JS：

var div01 = $("#div01"); 
var div02 = $("#div02"); 
var div03 = $("#div03"); 
div01.click(function() { 
    $("html, body").animate({ scrollTop: div02.offset().top }, 1500); 
}); 
div02.click(function() { 
    $("html,body").animate({ scrollTop: div03.offset().top }, 1500);   
});

這是一個點擊事件進入下一個DIV的代碼，我能怎樣改變鼠標滾輪和觸摸滾動，而不是點擊？滾動時也添加以前的div代碼？

謝謝你的時間！

來源

2016-03-24 Leandro Soriano

它會爲你

*{margin:0;} 
 
#container-main{ 
 
    height: 100%; 
 
    width: 100%; 
 
    
 
    overflow: hidden; 
 
} 
 

 
#container-sub{ 
 
    width: 100%; 
 
    height: 99%; 
 

 
    overflow: auto; 
 
    padding-right: 15px; 
 
} 
 

 
html, body{ 
 
    height: 99%; 
 

 
    overflow:hidden; 
 
}

<div id="container-main"><div id="container-sub"> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    hello<br/>test1<br/>test2<br/>test3<br/> 
 
    
 
    good<br/>bye. 
 
</div><div>

工作

來源

2016-03-24 19:28:00

禁用滾動條並啓用滾動鼠標滾輪和僅滾動

回答

相關問題