jquery隐藏左右箭头时向左滚动到结束

Question

jquery隐藏左右箭头当scrollLeft到结束?

只是像"美元(.left-arrow) . css({'显示':'没有'});

这里的所有代码。谢谢。

http://jsfiddle.net/bNHrL/

Answer 1

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

生活版本

你当然可以按照你喜欢的样式设置它(例如禁用链接)。你也可以添加一个init来检查你是否从左/右开始并对其进行操作

Answer 2

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

.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，那么这一行方框就会滑过去填充箭头所在的位置。(可能不是你想要的)