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

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. 当图库进入 View 时(您必须通过 JS 或类似工具对其进行监控)，您必须恢复上面的 #1(overflow-x: auto 或设置宽度)

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