使用CSS属性translatex限制鼠标水平滚动

问题描述

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

解决方法

如果要滚动div,则应查看element.scrollLeft,而不是使用translateX。 MDN:https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft