水平方向の Web ページで水平方向のマウスホイールの動きを実装するにはどうすればよいですか? _html/css_WEB-ITnose

水平方向の Web ページでマウス ホイールの水平方向の動きを実装するにはどうすればよいですか?
学校給食の注文 Web ページを横長形式にしたいのですが、Web ページはすでに作成されています。マウス ホイールでスクロール バーを横方向に移動するにはどうすればよいですか?
ボタンを追加してクリックすると、スクロール バーを右に特定のピクセル数移動させることはできますか?静的な HTML Web ページしか知りません。助けてください。

ディスカッションへの返信 (解決策)

ボタンの追加は、ボタン関数でスクロールする必要があるコンポーネントの位置を変更するだけで簡単です。また、jQuery などのライブラリを使用したスクロール効果もあります。

縦向きと横向きは、クライアントのオペレーティング システムに依存します (ある場合)。

えー
最初の行でステップサイズを変更すると、各スクロールの距離を変更できます

JavaScript code?123456789101112131415161718192021222324252627282930313233343536(function() { stepSize = 200, //マウスがドキュメントをスクロールするたびに、マウスはどのくらいの距離を移動しますか? = document.documentElement Body = document ...

このような記事があります:

(function() {  var stepSize = 200, //每滚动一格鼠标，移动多少距离      doc = document.documentElement,      body = document.body,      docWidth = doc.clientWidth,      scrollLeft = 0;//添加mousewheel事件if (document.addEventListener) {  document.addEventListener('mousewheel', scroll, false);} else {  document.attachEvent('onmousewheel',scroll) //针对老ie浏览器}//处理mousewheel事件的信息function scroll (event) {  var direction = event.wheelDelta;  //保证滚动到头的时候不再调用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浏览器} })();

この JS コードを引用するにはどうすればよいですか? 助けてください。