Javascript 根据视口宽度更改scrollLeft值

我试图找出基于视口宽度更改scrollLeft值的最佳方法。我应该使用matchMedia查询，还是有一种更简单的方法让我的大脑消失了？当前的脚本功能完美，但它是刚性的

<script>
$(".select-button-next").click(function () {
    event.preventDefault();
    $(".uniqueTable").animate(
    {
        scrollLeft: "+=400px" },
        "slow");
});
$(".select-button-prev").click(function () {
    event.preventDefault();
    $(".uniqueTable").animate(
    {
        scrollLeft: "-=400px" },
        "slow");
});
</script>

然后写单独的函数

UI注意：此函数影响超过视口高度的表格，而不管其方向如何。很可能在初始页面加载后，查看器会调整其方向以适应横向，因此需要在调整大小时触发（相当准确）

---

毫无疑问，这个问题本身就是我缺乏技能的证明。。。但我希望得到任何指导，因为我对一些可能非常简单的东西有点迷茫。

我应该提到的是，我知道表格的确切像素宽度值，该值会根据视口宽度而变化，因此400px很容易成为一个变量，这可能完全有用，也可能不完全有用。

if (min-width:800px) .uniqueTable else .uniqueTable-lg