Question

是否可以从浏览器中禁用滚动条，并允许用户仅使用鼠标滚轮滚动网页并触摸滚动（在移动设备中）以上下移动div？

基于这个想法：

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代码？。

感谢您的时间！

Answer 1

它适用于你

＆＃13;

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

＆＃13;

toolHtml.addBitlessDomHandler

＆＃13;

禁用滚动条并使用鼠标滚轮启用滚动，仅触摸滚动

1 个答案: