|
@@ -560,13 +560,18 @@
|
|
|
await tick();
|
|
|
if (buttonsContainerElement) {
|
|
|
console.log(buttonsContainerElement);
|
|
|
- buttonsContainerElement.addEventListener('wheel', function (event) {
|
|
|
- // console.log(event.deltaY);
|
|
|
|
|
|
- event.preventDefault();
|
|
|
- if (event.deltaY !== 0) {
|
|
|
- // Adjust horizontal scroll position based on vertical scroll
|
|
|
- buttonsContainerElement.scrollLeft += event.deltaY;
|
|
|
+ buttonsContainerElement.addEventListener('wheel', function (event) {
|
|
|
+ if (buttonsContainerElement.scrollWidth <= buttonsContainerElement.clientWidth) {
|
|
|
+ // If the container is not scrollable, horizontal scroll
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ event.preventDefault();
|
|
|
+
|
|
|
+ if (event.deltaY !== 0) {
|
|
|
+ // Adjust horizontal scroll position based on vertical scroll
|
|
|
+ buttonsContainerElement.scrollLeft += event.deltaY;
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
}
|