Nicescroll 3-水平滾動結束后的垂直滾動

Question

我正在嘗試制作一個簡單的頁面，其中包含幾行圖像，每行圖像都有一個水平滾動（使用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;
}

這是我的小提琴

Answer 1

感謝您的反饋。

已添加到待辦事項列表。

問題已打開-> https://github.com/inuyaksa/jquery.nicescroll/issues/451