html如何让div进行缩放 , 就向按住Ctrl+滑轮放大缩小网页一样缩放div??

2025-04-09 19:04:31
推荐回答(1个)
回答1:

用css的zoom和js的addEventListener

var scrollFunc=function(e){
    var direct=0;
    e=e || window.event;
    
    div = document.getElementById('div');//最重要的
    
    if(e.wheelDelta){//IE/Opera/Chrome
        div.style.zoom = wheelDelta;
    }else if(e.detail){//Firefox
        div.style.zoom = wheelDelta;
    }
    ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
    document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari

暂未测试