Как исправить прокрутку div, чтобы сделать ее более плавной?

Question

Итак, я начал с проблемы с мобильными телефонами, когда у меня был div на главной странице, и всякий раз, когда я прокручивал этот div, я также прокручивал всю страницу.Я нашел исправление для этой проблемы из этого сообщения следующим образом:

var $layer = $("#layer");
$layer.bind('touchstart', function (ev) {
  var $this = $(this);
  var layer = $layer.get(0);

  if ($this.scrollTop() === 0) $this.scrollTop(1);
    var scrollTop = layer.scrollTop;
    var scrollHeight = layer.scrollHeight;
    var offsetHeight = layer.offsetHeight;
    var contentHeight = scrollHeight - offsetHeight;
    if (contentHeight == scrollTop) $this.scrollTop(scrollTop-1);
});

Это исправило проблему для меня, но также создало другую проблему.Это исправление делает скроллинг менее плавным.Обычно, когда вы прокручиваете страницу, сама страница иногда прокручивается немного мимо страницы в зависимости от скорости пролистывания пользователями.Любые идеи о том, как сделать этот свиток более плавным.

Answer 1

Добавьте эту строку кода в CSS div:

-webkit-overflow-scrolling: touch;

Это должно обеспечить более плавную прокрутку.