3

このフィドルを確認してください。

スクロール コンテナー内の最初の可視要素が#1要素であるとします。上記のフィドルでは#1、 、#2、#3および#4要素が表示されます。私が正しければ、一度スクロールすると、次の 4 つの要素、つまり#5、#6、#7およびが表示されるはず#8です。しかし、マウスホイールを 1 回スクロールすると、スクロール コンテナーが#15要素に移動します。

助けてください。

// update content every second
function addChild() {
    var el = $('<div></div>').html('#' + $('#testDiv').children().length)
        .css({
        padding: '3px',
        border: '1px solid #ccc',
        margin: '5px'
    });
    $('#testDiv').append(el);

    // update slimscroll every time content changes
    $('#testDiv').slimscroll();
}

$('#testDiv').slimscroll({
    alwaysVisible: true,
    height: 150
});

for (var i = 0; i < 300; i++) {
    addChild();
}

PS: githubに問題を記入しました

4

1 に答える 1

2

これをチェックして：

// update content every second
function addChild() {
    var el = $('<div></div>').html('#' + $('#testDiv').children().length)
        .css({
        padding: '3px',
        border: '1px solid #ccc',
        margin: '5px'
    });
    $('#testDiv').append(el);

    // update slimscroll every time content changes
    $('#testDiv').slimscroll();
}


for (var i = 0; i < 300; i++) {
    addChild();
}

$('#testDiv').slimscroll({
    alwaysVisible: true,
    height: 150
});

JSFiddle

の前にdivをロードしましたslimscroll

于 2015-08-19T09:48:56.203 に答える