删除半地图模板上的中心滚动

Question

我们使用的模板中半张地图谷歌地图位于左侧。我们需要将其更改为右侧并修改如下代码：

.half-map-left-wrap {
float: right !Important;
}

现在滚动条出现在页面中间，这并不理想，并且对于用户来说滚动条位于页面中间并不明显。

我们在元素上尝试了 css {overflow-x: hide;} 但它无法滚动。是否可以使用 jquery 或其他 css 技巧重新定位？

理想情况下，我们希望左侧页面（带有列表）通过浏览器右侧滚动。该页面可以查看：这里

Answer 1

我猜你想要的只是隐藏滚动条，只需尝试添加这个 css 即可。

/* Hide scrollbar for Chrome, Safari and Opera */
.half-map-left-wrap::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.half-map-left-wrap {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}