JavaScript实现 无滚动条(隐藏滚动条)的滚动功能 兼容常见浏览器
先上DJ 不对 先上代码
js代码
function scroll(element,stap=3){
let userAgentInfo = navigator.userAgent,
Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"],
flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
return;
}
}
element.style.overflowY = 'hidden';
stap*=33; //取综合各浏览器滚动一次的值 约为33 可以根据不同浏览器来设置不同的值
element.addEventListener('wheel',function(e){
e.preventDefault();
let scroll = element.firstElementChild,
length = e.deltaY>0?-1:1,
scrollTopMax=element.scrollHeight-element.clientHeight;
// 滑动到底部时触发事件
if (scrollTopMax<=0){
if (e.deltaY>0)return;
}
// 滑动到顶部时触发事件
if (scroll.style.marginTop <= 0 || scroll.style.marginTop=='calc(0px)'){
if (e.deltaY<0)