標籤：
// 滾輪組件
function wheelFn(obj,wheel_fn){ if( window.navigator.userAgent.toLowerCase().indexOf(‘firefox‘)!==-1){ obj.addEventListener(‘DOMMouseScroll‘,fn,false); }else{ obj.onmousewheel=fn; }; function fn(ev){ var oEvent=ev||event; if(oEvent.wheelDelta){ var down=oEvent.wheelDelta<0; }else{ var down=oEvent.detail>0; }; if(wheel_fn){ wheel_fn(down); }; if(ev){ ev.preventDefault(); }; return false; }; };
調用方法
<!doctype html><html><head><meta charset="utf-8"><title></title><style>body{ margin:0;}.box{ width:300px; height:300px; border:1px solid #000;}p{ margin:0; position:relative; top:0;}</style></head><body><div class="box"> <p>這是一堆的文字 這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字這是一堆的文字 </p></div><script src="wheel.js"></script><script>window.onload = function(){ // 原生JS 滾輪函數 var box = document.getElementsByTagName(‘div‘)[0]; var p = document.getElementsByTagName(‘p‘)[0]; wheelFn(box, function( down ){ if( down ){ // 向下 p.style.top = p.offsetTop - 10 + ‘px‘; }else{ p.style.top = p.offsetTop + 10 + ‘px‘; }; });};</script></body></html>
JS滾輪組件
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
