后需要垂直页面滚动

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. 页面加载后，设置溢出-X为none（或画廊的宽度以适应页）当廊映入眼帘（这你必须监控通过JS
2. 或类似），你必须恢复＃1以上（溢出x：自动或设置宽度）

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