禁用移动设备上的水平滚动，同时允许使用position:sticky

要禁用移动设备上的水平滚动，同时允许使用position:sticky属性，可以使用以下解决方法：

HTML代码示例：

<div class="scrollable-container">
  <!-- 内容 -->
</div>

CSS代码示例：

.scrollable-container {
  overflow-x: hidden; /* 隐藏水平滚动条 */
  overflow-y: scroll; /* 显示垂直滚动条 */
  -webkit-overflow-scrolling: touch; /* 启用平滑滚动效果 */
}

.scrollable-container::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

/* Sticky元素样式 */
.sticky-element {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
}

上述代码中，.scrollable-container类指定了容器的样式，其中overflow-x: hidden属性禁用了水平滚动条，overflow-y: scroll属性显示了垂直滚动条，并通过-webkit-overflow-scrolling: touch启用了平滑滚动效果。

.scrollable-container::-webkit-scrollbar选择器设置了滚动条的样式，其中display: none属性隐藏了滚动条。

.sticky-element类指定了要应用position: sticky的元素的样式，其中position: sticky将元素固定在父容器的顶部，top: 0将其粘贴在容器的顶部，background-color: #f1f1f1设置了元素的背景颜色。

使用上述代码，可以在移动设备上禁用水平滚动，同时允许使用position:sticky属性来创建粘性元素。