猿问

关于横向滚动问题

网站元素在不设置高度时,可以根据内容自动撑开,通过鼠标滑轮可以滚动,但是反过来横向显示内容时,通过鼠标滑轮无法滚动,必须点击滚动条才能实现横向滚动。代码:

因为body有默认宽度,所以设置wrap宽度为4000px,怎样才能通过滑轮就可以实现滚动,无需点击下方滚动条,是不是必须通过js实现。

湖上湖
浏览 405回答 1
1回答

墨色风雨

var dbody=document.getElementsByClassName('wrap')[0];//ff用objAddEvent(document,'DOMMouseScroll', function(e){return mouse_scroll(e);})  //非ff chrome 用objAddEvent(document,'mousewheel', function(e){return mouse_scroll(e);})  //chrome用objAddEvent(dbody,'mousewheel', function(e){return mouse_scroll(e);})function mouse_scroll(e){e=e || window.event;var delD=e.wheelDelta?e.wheelDelta: -e.detail*40;//判断上下方向var move_s=delD>0?-50:50;document.documentElement.scrollLeft+=move_s; //非chrome浏览器用这个//chrome浏览器用这个if(document.documentElement.scrollLeft==0)document.body.scrollLeft+=move_s;  return false;}//这个是给对象增加监控方法的函数function objAddEvent(oEle, sEventName, fnHandler){if(oEle.attachEvent) oEle.attachEvent('on'+sEventName, fnHandler);else oEle.addEventListener(sEventName, fnHandler, false);}
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答