Question

因此，我开始在手机上遇到问题，即在主页上有一个div，并且每当在该div上滚动时，我也将滚动整个页面。我在this帖子中找到了解决此问题的方法，如下所示：

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

将此行代码添加到div的CSS中：

-webkit-overflow-scrolling: touch;

这应该使您滚动更加顺畅。

如何修复div滚动使其更平滑？

1 个答案: