Question

当scrollLeft结束时，

jquery隐藏了左右箭头？

就像`$（。left-arrow）.css（{'display'：'none'}）;

这里的所有代码。感谢。

Answer 1

我看到这样做的方法是使用visibility: hidden或display: none添加一个CSS类以隐藏箭头，如下所示：

.hidden {
    visibility: hidden;
    /* display: none; */
}

这两个CSS属性之间的区别在于display: none完全从页面流中删除了元素（即它不会占用任何空间，就像你完全从页面中删除它一样）。相比之下，visibility: hidden只会使元素不可见（即它仍会占用空间，但不会显示）。

要隐藏或显示箭头，只需添加/删除.hidden类：

// Hide the right arrow.
$('.right-arrow').addClass("hidden");

// Show the left arrow.
$('.left-arrow').removeClass("hidden");

在您的情况下，我会使用visibility: hidden隐藏您的箭头。如果您使用了display: none，则该行的框将滑过以填充箭头所在的空间。（可能不是你想要的。）

Answer 2

看看这个，基本上我刚刚添加了一个隐藏和显示两个链接：

您当然可以根据需要设置样式（例如禁用链接）。你也可以添加一个init来检查你是否一直向左/向右开始并对它采取行动。