使用 css 属性 限制鼠标水平滚动
limit on mouse horizontal scroll with css property translatex
我正在编写一个代码，当用户点击高级计划按钮时，translateX(-300px) 被设置为 DIV，其中 属性“overflow-x: scroll;”并且显示了高级列。但问题是当用户在页面上拖动到右侧和左侧内容应该是可见的时，DIV 的剩余 300px 视图不会出现和显示。我的意思是在鼠标水平滚动时，translateX(-300px) 属性 限制我们向左滚动。我应该在鼠标滚动时调用一个函数来覆盖这个 属性 吗？请原谅我的英语不好，感谢您提前的回复。
如果您想滚动 div，您应该查看 element.scrollLeft 而不是使用 translateX。
MDN：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft
我正在编写一个代码，当用户点击高级计划按钮时，translateX(-300px) 被设置为 DIV，其中 属性“overflow-x: scroll;”并且显示了高级列。但问题是当用户在页面上拖动到右侧和左侧内容应该是可见的时，DIV 的剩余 300px 视图不会出现和显示。我的意思是在鼠标水平滚动时，translateX(-300px) 属性 限制我们向左滚动。我应该在鼠标滚动时调用一个函数来覆盖这个 属性 吗？请原谅我的英语不好，感谢您提前的回复。
如果您想滚动 div，您应该查看 element.scrollLeft 而不是使用 translateX。 MDN：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft