Javascript 页面底部的滚动条

想要获得与此页面上的水平滚动条相同的结果：

我需要创建一个滚动条，它看起来像默认的底部滚动条，总是放在页面的底部，并且只滚动一个特定的部分。（不是所有的页面，只是一个特定的部分）有人能帮我吗

我写了这段代码，但滚动条没有放在页面底部：

.wrapper{
/*背景：#efef*/
/*盒影：1px 1px 10px#999*/
保证金：自动；
文本对齐：居中；
位置：相对位置；
/*保证金底部：20px！重要*/
宽度：100%；
/*垫面：5px*/
}
.卷轴{
溢出-x：滚动；
溢出y：隐藏；
/*高度：300px*/
空白：nowrap；
}
.卷轴{
宽度：20%；
光标：指针；
显示：内联块；
显示：内联；
右边距：-5px；
垂直对齐：顶部；
}

使用并添加此代码

$("body").mousewheel(function(evt, chg) {
  this.scrollLeft -= (chg * 50); //need a value to speed up the change
  evt.preventDefault();
});

答案绝对正确。 对于水平滚动，您需要一个jQuery库和鼠标滚轮插件

$（文档）.ready（函数（）{
$（'.horizontal scroll'）.mousewheel（函数（e，delta）{
这个.scrollLeft-=（增量*40）；
e、 预防默认值（）；
});
});
。水平滚动{
最大宽度：100%；
溢出：滚动；
宽度：100%；
显示：块；
}
保险商实验室{
空白：nowrap；
}
li{显示：内联块；宽度：300px；高度：300px；背景：红色；边框：2px纯黑色；边距：5px；}











如何将页脚放置在滚动条上方，并使其在滚动时不移动（只有图库会移动），如图所示。在水平滚动中添加一个填充底部，该底部将与页脚高度相等。并使页脚位置：固定；底部：0；对于将来寻求此问题的任何人，只要在非滚动部分使用
position:fixed
，即可在相关页面（如果仍然存在）上实现此目的。不需要jquery或鼠标滚轮插件。