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

Question

我有一个启用了水平滚动的 div(overflow-x:滚动；overflow-y:隐藏；)。 问题是，我想保持水平滚动，但我不想显示滚动条。在 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);

});