【问题标题】:Nicescroll 3 - Vertical scroll after horizontal scrolling endsNicescroll 3 - 水平滚动结束后的垂直滚动
【发布时间】:2014-11-07 17:35:19
【问题描述】:

我正在尝试制作一个简单的页面,其中有几行图像,每行都有水平滚动(使用Nicescroll 3)。

使用鼠标,当行的水平滚动结束时,鼠标滚轮不起作用。我想做的是水平滚动完成后页面继续垂直滚动。

我的代码:

HTML:

<div id="main-content">
    <div class="row">
        <div class="square-container">
            <div class="square"></div>
        </div>
        <!-- several other square-container divs -->
        <div class="square-container">
            <div class="square"></div>
        </div>
    </div>
    <div class="row">
        <!-- several other square-container divs -->
    </div>
    <!-- several other rows -->
    </div>
</div>

CSS:

#main-content{
    min-height: 100%;
    height: auto; 
}
#main-content > .row {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}    
.square-container {
    float:none;
    display:inline-block;
    margin: 20px 30px 5px 30px;
}
.square{
    height: 100px;
    width: 100px;
    border: 1px solid black;
}

这是我的Fiddle

【问题讨论】:

    标签: javascript jquery scroll mousewheel nicescroll


    【解决方案1】:

    感谢您的反馈。

    已添加到 TODO 列表中。

    已打开问题 -> https://github.com/inuyaksa/jquery.nicescroll/issues/451

    【讨论】:

      猜你喜欢
      • 2019-04-23
      • 2021-11-13
      • 2014-01-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-08
      • 1970-01-01
      • 2014-07-12
      相关资源
      最近更新 更多