如何让 JinvertScroll 驱动的页面加载页面已经向左滚动？

Question

我是一名新手程序员，需要一些帮助。我有一个围绕 JinvertScroll Jquery 代码构建的页面。我希望页面加载已经滚动的图像，这样用户实际上是在取消滚动，或者更确切地说，在通常向后滚动的地方滚动。这是页面，因此您可以看到我正在尝试做的事情（我希望加载从龙嘴里出来的文本，以便在用户滚动鼠标滚轮时展开）：http://xofer.net/test/

Answer 1

我已经下载了 jInverScroll 源代码并稍微更改了代码，以便滚动效果在您的示例中向后工作。以下是我对原始代码和库所做的更改：

index.html / 之前:

  <div class="scroll section-1">
    <img src="images/horizon.png" alt="">

index.html / 之后:

  <div class="scroll section-1" style="left:-2650px">
    <img src="images/horizon.png" alt="">

script.js / 之前:

$(function() {
    $.jInvertScroll([ '.scroll' ]);
});

script.js / 之后:

$(function() {
    $.jInvertScroll([ '.scroll' ], {
        reverse: true,
        initialWidth: -2650
    });
});

Source code for the library

jquery.jinvertScroll.js / 之前:

// do the position calculation for each element
$.each(elements, function (i, el) {
    var deltaW = el.width() - winWidth;
    if (deltaW <= 0) {
        deltaW = el.width();
    }
    var pos = Math.floor(deltaW * scrollPercent) * -1;
    el.css('left', pos);
});

jquery.jinvertScroll.js / 之后:

// do the position calculation for each element
$.each(elements, function (i, el) {
    if ( config.reverse ){
        var pos = ( config.initialWidth + ( Math.abs(config.initialWidth) * scrollPercent ) );
    } else {
        var deltaW = el.width() - winWidth;
        if (deltaW <= 0) {
            deltaW = el.width();
        }
        var pos = Math.floor(deltaW * scrollPercent) * -1;
    }
    el.css('left', pos);
});

如何让 JinvertScroll 驱动的页面加载页面已经向左滚动？

How can I make JinvertScroll driven page load with page already scrolled left?

javascript

jquery

right-to-left