Question

如何修改WordPress主题后台的代码，让界面下面的滚动条随鼠标滑轮水平滚动？

如何修改WordPress主题后台的代码，让界面下面的滚动条随鼠标滑轮水平滚动？求助解答，最好全面些。谢谢了。

Answer 1

引用大神回答如下，希望可以帮到你：
(function() {
var stepSize = 200, //每滚动一格鼠标，移动多少距离
doc = document.documentElement,
body = document.body,
docWidth = doc.clientWidth,
scrollLeft = -1,
ready = false;

//添加鼠标滚轮事件
if (document.addEventListener) {
document.addEventListener('mousewheel', scroll, false);
document.addEventListener('DOMMouseScroll', scroll, false); //针对firefox
} else {
document.attachEvent('onmousewheel',scroll) //针对老ie浏览器
}

//处理mousewheel事件的信息
function scroll (event) {
//第一次滚动需要获取当前滚动位置
if (!ready) {
scrollLeft = doc.scrollLeft + body.scrollLeft;
ready = true;
}
//firefox用detail反映滚动方向，而且方向和其他浏览器相反。其他浏览器用wheelDelta
var direction = event.wheelDelta || -event.detail;
//保证滚动到头的时候不再调用update函数
if (scrollLeft <= 0 && direction > 0) {
return;
}
if (scrollLeft >= docWidth && direction < 0) {
return;
}
//根据鼠标滚动的方向确定是往左还是往右移动
var distance = direction > 0? -stepSize : stepSize;
update(distance);
}

//滚动
function update (distance) {
scrollLeft += distance;
doc.scrollLeft = scrollLeft;
body.scrollLeft = scrollLeft; //针对webkit浏览器
}
})();

css里必须有这样一条：
html, body {
height: 100%;
}