垂直页面滚动后需要水平滚动

Question

我有像这样的代码结构

<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="horizontal-gallery">
    <img>
    <img>
    <img>
    <img>
    <img>
</div>
<div class="content"></div>
<div class="content"></div>

我需要开始水平滚动我的画廊，当它结束时需要像往常一样向下滚动页面。当我到达画廊并转回垂直滚动后如何将垂直滚动更改为水平？所以我没有任何想法

Answer 1

你必须在这里做一些有趣的杂耍。

1. 加载页面时，将overflow-x设置为none（或图库的宽度以适合页面）
2. 当图库进入视图（您必须通过JS或类似设备进行监控）时，您必须恢复上面的＃1（overflow-x：auto或设置宽度）

基本上，您希望页面动态启用/禁用水平滚动。唯一的方法是监控何时需要应用并自行应用。