移动端滚动，页面跳转至顶部

Question

我的网络应用程序在这里： https ://www.snowpacktracker.com/btac/snowpacktracker

在桌面上，滚动的一切都很好。然而，在移动设备上（特别是在 iPad 上），任何触摸向下滚动的尝试都会使页面回到顶部。我注意到，如果我克服跳跃（这很困难）并让页面向下滚动以使标题不可见，则滚动可以正常工作，所以也许标题中的某些内容是有原因的。无论出于何种原因，我无法在将开发工具设置为移动尺寸的桌面上重现此内容，只能在移动设备上重现（但也许这只是我没有正确使用开发工具）。

以下是演示该问题的屏幕录制（在 iPad 上）： https ://vimeo.com/661613444

以下是有关我的设置的一些最少信息：

Bokeh Web 应用程序，使用 Flask 在 html 模板中渲染 Bokeh 内容 ( base.html)。container-fluid除了导航按钮的Bootstrap 类之外，标头还使用 Bootstrap类。我还有一个自定义style.css用于覆盖基本模板中的某些类。相关的style.css可能是：

.placeholderbokehapp-snowpack {
  background-color: white;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 300px;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  min-width: 1100px;
}

除了导入 Bokeh、jquery、popper 和 bootstrap 的 js 库之外，我还有自定义 js 来定义用于加载的旋转轮，以及一个调整大小传感器来在页面尺寸发生变化时停止旋转轮。

散景==2.4.1，Flask==1.1.2，jquery==3.3.1，popper==1.14.3，bootstrap==4.1.3

很乐意根据需要提供任何其他详细信息。

Answer 1

将 Bokeh 升级到bokeh==3.0.2（或最新版本）。不需要额外的 html、css 或 js。