Kaydırma çubuklarını devre dışı bırakın ve fare tekerleği ile kaydırmayı etkinleştirin ve yalnızca kaydırma seçeneğine dokunun.

Gezinme çubuklarını tarayıcıdan devre dışı bırakmak ve kullanıcının yalnızca fare tekerleğini kullanarak web'de gezinmesine ve kaydırma işlemine (mobil aygıtlarda) dokunarak gezinmesine izin vermek mümkün mü? yukarı ve aşağı mı?Kaydırma çubuklarını devre dışı bırakın ve fare tekerleği ile kaydırmayı etkinleştirin ve yalnızca kaydırma seçeneğine dokunun.

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:

sonraki div gitmek için bir tık olayla kod

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);   
});

, bunu nasıl değiştirebilirim Bu fikrin merkezli

fare tekerleğine tıklayıp tıklama yerine kaydır mı? Ve yukarı kaydırırken önceki div kodunu da ekleyin?

Zaman ayırdığınız için teşekkür ederiz!

kaynak

2016-03-24 Leandro Soriano

O size

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

için çalışacaktır

kaynak

2016-03-24 19:28:00

Kaydırma çubuklarını devre dışı bırakın ve fare tekerleği ile kaydırmayı etkinleştirin ve yalnızca kaydırma seçeneğine dokunun.

cevap

İlgili konular