在移动设备中隐藏水平滚动条

Question

我有一个启用了水平滚动的div（overflow-x：scroll; overflow-y：hidden;）。 问题是，我想保持水平滚动，但我不想显示滚动条。在iOS中它运行良好，但Android设备显示栏： - \

谢谢！

Answer 1

$("#scroller").bind('touchstart', function (ev) {
  if ($(this).scrollTop() === 0) $(this).scrollTop(1);
  var scrollTop = document.getElementById('scroller').scrollTop;
  var scrollHeight = document.getElementById('scroller').scrollHeight;
  var offsetHeight = document.getElementById('scroller').offsetHeight;
  var contentHeight = scrollHeight - offsetHeight;
  if (contentHeight == scrollTop) $(this).scrollTop(scrollTop-1);

});