Question

我希望在开始时显示没有箭头向上的图标，因为不需要，但当用户点击箭头时，它会出现，当用户到达最后一个itli列表时，底部箭头应该消失

我该怎么做才能检查它？..

(function () {

  $('#scrollup').on({
    'mousedown touchstart': function() {
      $(".sidebar-menu").animate({scrollTop:  0}, 2000);
    },
    'mouseup touchend': function() {
      $(".sidebar-menu").stop(true);
    }
  });

  $('#scrolldown').on({
    'mousedown touchstart': function() {
      $(".sidebar-menu").animate({
        scrollTop:  $(".sidebar-menu")[0].scrollHeight
      }, 2000);
    },
    'mouseup touchend': function() {
      $(".sidebar-menu").stop(true);
    }
});

})();

Answer 1

您可以使用$('.sidebar-menu').scrollTop()值进行检查。

例如，我编写了一个名为check（）的函数，它检查滚动的位置并显示/隐藏相应的箭头。每个箭头的鼠标touchend事件都会调用此函数。

function check() {
    if ($('.sidebar-menu').scrollTop() == 0) {
        $('#scrollup').hide();
        $('#scrolldown').show();
    } else if ($('.sidebar-menu').scrollTop() == height - 100) {
        $('#scrolldown').hide();
        $('#scrollup').show();
    }
}

查看实际操作：http://jsfiddle.net/ry2zwho1/1/

Answer 2

尝试使用此jsfiddle

$(function(){
var carousel = $('.carousel ul');
var carouselChild = carousel.find('li');
var clickCount = 0;
var canClick = true;
$(".btnPrevious").css('color', 'red').show();
itemWidth =......

jQuery可通过箭头滚动ul（当到达列表的顶端或底端时删除箭头）

2 个答案: