使用 css 属性 translatex 限制鼠标水平滚动答案

【问题标题】：limit on mouse horizontal scroll with css property translatex使用 css 属性 translatex 限制鼠标水平滚动
【发布时间】：2020-12-11 20:01:23
【问题描述】：

我正在编写一个代码，当用户单击高级计划按钮 translateX(-300px) 设置为具有属性“overflow-x:scroll;”的 DIV并且溢价栏正在显示。但问题是当用户将页面拖到右侧和左侧内容应该可见时，DIV 的剩余 300px 视图不会出现和显示。我的意思是在鼠标水平滚动时， translateX(-300px) 属性限制我们向左滚动。我应该在鼠标滚动时调用一个函数来覆盖这个属性吗？对不起，因为英语不好，谢谢您提前回复。

【问题讨论】：

标签： javascript html css mouseevent value-of-css-property

【解决方案1】：

如果你想滚动一个 div，你应该查看 element.scrollLeft，而不是使用 translateX。 MDN：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft

【讨论】：