Question

我有一个div，其中有7个面板，但在使用滚动时一次只显示1个。我的问题是如何从div中的某个距离开始？我已经查找了一些解决方案，但似乎无法使它们工作。以下是我到目前为止的情况：

JS

function olo() {
    el = document.getElementById("overlimo");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

    var targetXPos = 800;
    $(document).ready(function () {
        $('html, body').animate({
            scrollLeft: targetXPos
        }, 900);
    });
}

HTML和CSS很长，所以除非你需要看到它们，否则我现在就把它留下来。初始函数olo（）进入叠加层。由于每个链接都有自己的起点，我需要知道如何从某个位置开始。

假设我的初始div是900px宽，并且该div中的整行是6300px。我点击时需要为其余6个面板设置间隔：例如900px in，1800px in，2700px in ...等。

Answer 1

你试过了吗？

var targetXPos = $(el).position().left;

现在如果你使用相对或绝对定位的负载，你可能需要在.position()和.offset()之间进行体验代码也应该在doc.ready

之内

Answer 2

如何在身体上使用scrollLeft而不是通过动画？

$(document).ready(function () {
    $('body').scrollLeft(targetXPos);
});

From the API Docs

如何设置滚动条位置

2 个答案: