关于横向滚动问题

Question

网站元素在不设置高度时，可以根据内容自动撑开，通过鼠标滑轮可以滚动，但是反过来横向显示内容时，通过鼠标滑轮无法滚动，必须点击滚动条才能实现横向滚动。代码：因为body有默认宽度，所以设置wrap宽度为4000px,怎样才能通过滑轮就可以实现滚动，无需点击下方滚动条,是不是必须通过js实现。

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

}